|
我把自己的网站又更新了一下 www.gao-liang.de 麻烦你先看一下这个网站, 里面现在这效果就是用了一段简单的div移动代码, 图片的下面做的文本超级链接。
我本来的计划是在图片上做超级链接, 但是当鼠标点击然后拖动的时候, 这个过程是先默认的是点击 然后才是拖动, 也就是说在还没有出现拖动效果的时候就进到那个图片所加载的链接里面了 :) 所以我没办法给图片加超级链接。
如果简单的话能否帮小弟改一下,让它默认的是拖动,当拖动动作结束后 单独点击图片才是进入图片的超级链接
谢谢
<script type="text/javascript">
var rDrag = {
o:null,
init:function(o){
o.onmousedown = this.start;
},
start:function(e){
var o;
e = rDrag.fixEvent(e);
e.preventDefault && e.preventDefault();
rDrag.o = o = this;
o.x = e.clientX - rDrag.o.offsetLeft;
o.y = e.clientY - rDrag.o.offsetTop;
document.onmousemove = rDrag.move;
document.onmouseup = rDrag.end;
},
move:function(e){
e = rDrag.fixEvent(e);
var oLeft,oTop;
oLeft = e.clientX - rDrag.o.x;
rDrag.o.style.left = oLeft + 'px';
},
end:function(e){
e = rDrag.fixEvent(e);
rDrag.o = document.onmousemove = document.onmouseup = null;
},
fixEvent: function(e){
if (!e) {
e = window.event;
e.target = e.srcElement;
e.layerX = e.offsetX;
e.layerY = e.offsetY;
}
return e;
}
}
window.onload = function(){
/* ---- 鼠标拖动---- */
var obj = document.getElementById('ShouYeTuPian');
rDrag.init(obj);
/* ---- 鼠标拖动---- */
}
</script>
|
|