开元周游
德国频道
查看: 1084|回复: 3
打印 上一主题 下一主题

[互联网] 麻烦管理员看一下这个Div移动代码

[复制链接]
跳转到指定楼层
1#
发表于 23.3.2011 19:18:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
即时机票
我把自己的网站又更新了一下 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>

2#
发表于 24.3.2011 18:54:07 | 只看该作者
回复 支持 反对

使用道具 举报

3#
 楼主| 发表于 24.3.2011 19:31:31 | 只看该作者
我哪会写代码啊, 都是我找的 :)  可惜有的能改明白但绝大多数我是不能改的, 能力有限
回复 支持 反对

使用道具 举报

4#
发表于 25.3.2011 10:21:50 | 只看该作者
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点信息

站点统计| 举报| Archiver| 手机版| 小黑屋

Powered by Discuz! X3.2 © 2001-2014 Comsenz Inc.

GMT+1, 14.11.2024 03:17

关于我们|Apps

() 开元网

快速回复 返回顶部 返回列表