87,996
社区成员
发帖
与我相关
我的任务
分享关于层的操作问题，请各路豪杰帮忙!!!
我想实现如下功能:
一个层，可以随于拖动,并且下次打开时，它的初始位置是最后一次拖动的位置.
请给出提示，最好能给出代码参考,不需要兼容NS.
请各位帮一下忙，多谢了！！！！！
一个层，可以随于拖动,并且下次打开时，它的初始位置是最后一次拖动的位置.
请给出提示，最好能给出代码参考,不需要兼容NS.
请各位帮一下忙，多谢了！！！！！
...全文
请发表友善的回复…
发表回复
freezwy 2002-11-14
- 打赏
- 举报
需要JS读取客户端COOKIES，楼上的就可以了。
seabell 2002-11-14
- 打赏
- 举报
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
{
if (event.button==1&&dragapproved) //改变被拖动元素在页面上的位置
{
eventsource.style.pixelLeft=temp1+event.clientX-x
eventsource.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags()
{
if (!document.all)
return
if (event.srcElement.className=="drag") //捕捉鼠标和被拖动元素的当前位置
{
dragapproved=true
eventsource=event.srcElement
temp1=eventsource.style.pixelLeft
temp2=eventsource.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags //鼠标左键按下时,准备拖动
document.onmouseup=new Function("dragapproved=false")//鼠标左键放开时,拖动停止
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie (name, value) {
document.cookie = name + "=" + escape (value)
}
</script>
<body onload="document.all.free.style.top=GetCookie('posy');document.all.free.style.left=GetCookie('posx')" onunload="SetCookie('posy',document.all.free.style.top);SetCookie('posx',document.all.free.style.left)">
<div id=free style="font-family:DextorOutD;font-size: 9pt;width:100px;height:300px;border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red" class=drag>
bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>
</div>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
{
if (event.button==1&&dragapproved) //改变被拖动元素在页面上的位置
{
eventsource.style.pixelLeft=temp1+event.clientX-x
eventsource.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags()
{
if (!document.all)
return
if (event.srcElement.className=="drag") //捕捉鼠标和被拖动元素的当前位置
{
dragapproved=true
eventsource=event.srcElement
temp1=eventsource.style.pixelLeft
temp2=eventsource.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags //鼠标左键按下时,准备拖动
document.onmouseup=new Function("dragapproved=false")//鼠标左键放开时,拖动停止
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie (name, value) {
document.cookie = name + "=" + escape (value)
}
</script>
<body onload="document.all.free.style.top=GetCookie('posy');document.all.free.style.left=GetCookie('posx')" onunload="SetCookie('posy',document.all.free.style.top);SetCookie('posx',document.all.free.style.left)">
<div id=free style="font-family:DextorOutD;font-size: 9pt;width:100px;height:300px;border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red" class=drag>
bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>
</div>
leaxin 2002-11-14
- 打赏
- 举报
thanks seabell(百合心) 和楼上诸位!!!
如果用 userData Behavior 应该怎么处理.
说明了，立即结贴给分，不说的话，明天给分
如果用 userData Behavior 应该怎么处理.
说明了，立即结贴给分，不说的话，明天给分
Lostinet 2002-11-14
- 打赏
- 举报
使用Microsoft的Persist Behavior (UserData,SaveHistory...)来储存是个好方法。
Cookie因为要和服务器通信的原因，每页的请求都会把它送到服务器的。
所以只是客户端的需求却使用Cookie会影响网络性能。
Cookie因为要和服务器通信的原因，每页的请求都会把它送到服务器的。
所以只是客户端的需求却使用Cookie会影响网络性能。
秋水长天1 2002-11-14
- 打赏
- 举报
或者用userData Behavior 来存储
