做网页的最高境境界

蓝色梦幻 · 发表于 2008-5-30 11:57

应该可能就是做的网页可以随心而动，随意放置，但如果是在后台做，又如何做，可以读到前台的使用者随心而动的页面布署的位置。这一想法，可能变为实践要很长的路，尤其象我这种javascript很垃圾的人。这里网摘一段可动位置的代码。如果有志同者可以有空研究一下。有进展了，通知通知。

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html  xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
  <title>移动Div</title>
  <style type=\"text/css\" rel=\"stylesheet\">
#movediv{
width:100px;height:100px;position:absolute;border:1px solid #000;background:#EAEAEA;
cursor:pointer;
text-align:center;
line-height:100px;
left:100px;
top:10px;
}
  </style>
  <script language=\"javascript\" type=\"text/javascript\">
var _IsMousedown = 0;
var _ClickLeft = 0;
var _ClickTop = 0;
function moveInit(divID,evt)
{
_IsMousedown = 1;
if(getBrowserType() == \"NSupport\")
{
   return;
}
var obj = getObjById(divID);
if(getBrowserType() == \"fox\")
{
   _ClickLeft = evt.pageX - parseInt(obj.style.left);
   _ClickTop = evt.pageY - parseInt(obj.style.top);
}else{
   _ClickLeft = evt.x - parseInt(obj.style.left);
   _ClickTop = evt.y - parseInt(obj.style.top);
}
}
function Move(divID,evt)
{
if(_IsMousedown == 0)
{
   return;
}
var objDiv = getObjById(divID);
if(getBrowserType() == \"fox\")
{
   objDiv.style.left = evt.pageX - _ClickLeft;
   objDiv.style.top = evt.pageY - _ClickTop;
}
else{
   objDiv.style.left = evt.x - _ClickLeft;
   objDiv.style.top = evt.y - _ClickTop;
}

}
function stopMove()
{
_IsMousedown = 0;
}
function getObjById(id)
{
return document.getElementById(id);
}
function getBrowserType()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
//alert(browser);
if ((browser==\"Netscape\"))
{
   return \"fox\";
}
else if(browser==\"Microsoft Internet Explorer\")
{
   if(version>=4)
   {
   return \"ie4+\";
   }
   else
   {
   return \"ie4-\";
   }
}
else
{
   return \"NSupport\";
}
}
  </script>
</head>
<body>
  <div id=\"movediv\" style=\"left:20px;top:20px;\" onmousedown=\"moveInit(\'movediv\',event);\" onmousemove=\"Move(\'movediv\',event)\" onmouseup=\"stopMove()\" onmouseout=\"stopMove()\">move</div>
</body>
</html>

帐号		自动登录	找回密码
密码			成为会员