让我们一起爱米兰
站内搜搜:
移动设备
请扫描二维码
或访问
m.milan100.com
您所在的位置 -> 米兰百分百 -> JAVASCRIPT -> 拖动表格、层代码

拖动表格、层代码

点击数:1222 发表时间:2010-07-08 17:40:34 作者:卢艺 来源链接:
分享到:
分享到微信

<script>
/******
作者:卢艺
QQ:52093
******/
var __DragId, __eDragSrc, __DragTop, __DragLeft;
function __OnDrag(){
    var _element = event.srcElement;
    if(_element.eDrag){
        if(event.type=="mousedown"){
            if(_element.eDragSrc){
                __eDragSrc = document.getElementById(_element.eDragSrc);
                __eDragSrc.style.display = "block";
            }
            document.body.style.cursor = "default";
            __DragId = document.getElementById(_element.eDrag);
            __DragLeft = parseInt(__DragId.offsetWidth)-(parseInt(__DragId.offsetWidth)-(event.x-parseInt(__DragId.offsetLeft)));
            __DragTop = parseInt(__DragId.offsetHeight)-(parseInt(__DragId.offsetHeight)-(event.y-parseInt(__DragId.offsetTop)));
        }
        if(event.type=="mouseup"){
            if(__DragId){
                __DragId = null;
            }
            if(__eDragSrc){
                __eDragSrc.style.display = "none";
                __eDragSrc = null;
            }
        }
    }
    if(event.type=="mousemove"){
            if(__DragId){
                __DragId.style.top = event.y - __DragTop;
                __DragId.style.left = event.x - __DragLeft;
                __DragId.style.margin = "auto";
            }
    }
}
document.attachEvent("onmousedown", __OnDrag);
document.attachEvent("onmousemove", __OnDrag);
document.attachEvent("onmouseup", __OnDrag);
</script>
<table border="1" width="100%" id="d" style="font-size: 9pt; color: #FFFFFF; position: absolute">
     <tr>
           <td bgcolor="#008000" eDrag="d">点击我来拖动表格</td>
     </tr>
     <tr>
           <td> </td>
     </tr>
</table>
 

0
很 好
0
一 般
0
差 劲
热门新闻
相关文章
上一篇: 向上翻滚的菜单效果
下一篇: JavaScript(js)字符串替换函数replace的用法
评论区
匿名

返回首页 | 收藏本页 | 回到顶部
Copyright 2010. 米兰百分百 Powered By Bridge.
京ICP备15050557号