div move

sinoalex

浏览: 119254 次
性别:
来自: 合肥

最近访客更多访客>>

qingwei201314

zhangjjie

xiaohua1001

wx198210

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Design Corp" content="www.mysuc.com" />
<meta name="Designer" content="hayden" />
<meta name="Designer mail" content="hayden@yeah.net" />
<meta name="robots" content="hayden" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script language="JavaScript" type="text/javascript">
var drag_=false
var D=new Function('obj','return document.getElementById(obj);')
var oevent=new Function('e','if (!e) e = window.event;return e')
function Move_obj(obj){
    var x,y;
    D(obj).onmousedown=function(e){
        drag_=true;
        with(this){
            style.position="absolute";var temp1=offsetLeft;var temp2=offsetTop;
            x=oevent(e).clientX;y=oevent(e).clientY;
            document.onmousemove=function(e){
                if(!drag_)return false;
                with(this){
                    style.left=temp1+oevent(e).clientX-x+"px";
                    style.top=temp2+oevent(e).clientY-y+"px";
                }
            }
        }
        document.onmouseup=new Function("drag_=false");
    }
}
</script>
<body>
<div id="test" style="background-color:#0099CC;width:200px;height:100px;border:1px #000 solid;" onmouseover='Move_obj("test")'>测试层移动</div>
</body>
</html>

分享到：

tip help--js带箭头的提示框 | 验证码Jcaptcha .

2011-08-30 16:17
浏览 827
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

div move

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

div move

评论

发表评论

相关推荐

CSS 的 margin 很困難

禁止浏览器自动填充用户名密码

Struts标签中的字符串格式化输出

Eclipse下使用maven开发web项目

eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错

onsubmit=return false阻止form表单提交javascript_1

防止表单自动提交，以及submit和button提交表单的区别

Iframe 自适应3

ckeditor中文文档——开发者文档（3）配置--配置设置

为CKEditor添加Readonly按钮和Upload Image按钮

jsp中ckeditor的运用实例及配置

页面回发后，让页面自动滚动到指定位置的一种简单的方法

常用图标

表单验证提示信息

tip help--js带箭头的提示框

验证码Jcaptcha .

十大最佳Ajax教程(转)

iframe高度自适应2

iframe高度自适应1（转）

(转)16个Javascript表单事件脚本(表单验证、选择)

最近访客更多访客>>