<!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=gb2312" />
<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')
var temp1;
var temp2;
var MouseDownX;
var MouseDownY;
function GetMyDiv(obj)
{
return document.getElementById(obj);
}
function GetMyEvent(e)
{
if (!e) e = window.event;
return e;
}
function MoveDiv(MyDiv, x, y)
{
MyDiv.style.left = x;
MyDiv.style.top = y;
}
function DoMouseMove(e)
{
var x;
var y;
var MyDiv = GetMyDiv("test");
var oevent = GetMyEvent(e);
if(!drag_)return false;
MyDiv.style.left=temp1 + oevent.clientX - MouseDownX + "px";
MyDiv.style.top=temp2 + oevent.clientY - MouseDownY + "px";
}
function DoMouseDown(e)
{
var D = GetMyDiv("test");
drag_ = true;
D.style.position = "absolute";
temp1 = D.offsetLeft;
temp2 = D.offsetTop;
var oevent;
oevent = GetMyEvent(e);
MouseDownX = oevent.clientX;
MouseDownY = oevent.clientY;
}
function MyFloat(id)
{ var myDiv = document.getElementById(id);
var myDom = (document.compatMode == 'CSS1Compat' ? document.documentElement : document.body);
myDiv.style.top = myDom.scrollTop - myDiv.offsetHeight + myDom.clientHeight - 5 + 'px';
}
function MyInterval()
{
if(!drag_){
MyFloat("test");
}
}
function Move_obj(obj)
{
var x,y;
var D;
D = GetMyDiv(obj);
D.onmousedown = DoMouseDown;
document.onmousemove = DoMouseMove;
setInterval(MyInterval, 100);
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")'>鼠标过来点击拖动层
<embed src="http://192.168.0.100/Flash/UserList.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="60" height="50"></embed> </div>
<script language="JavaScript" type="text/javascript">
for(var i = 0 ; i < 100; i++){
document.writeln('<div>'+i+'</div>');
}
</script>
</body>
</html>
| -ICP -IDC -ISP |