德国开元华人社区开元周游

标题: 麻烦管理员看一下这个Div移动代码 [打印本页]

作者: gao_liang 时间: 23.3.2011 19:18
标题: 麻烦管理员看一下这个Div移动代码
我把自己的网站又更新了一下 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>

作者: yellowbee 时间: 24.3.2011 18:54
你自己写代码啊，帮顶一下

作者: gao_liang 时间: 24.3.2011 19:31
我哪会写代码啊，都是我找的：）可惜有的能改明白但绝大多数我是不能改的，能力有限

作者: taohui 时间: 25.3.2011 10:21
我记得用YUI做非常简单：http://developer.yahoo.com/yui/dragdrop/

欢迎光临德国开元华人社区开元周游 (https://bbs.kaiyuan.cn/)

德国开元华人社区 开元周游

德国开元华人社区开元周游