JavaScript DIV层坐标

Question

现在需要用cookie来储存DIV层的位置信息（可移动层） 如果即时刷新也会保持DIV层不会变动（即top left 位置） 但是本人不太会用cookie... 所以劳烦各位大大帮忙解决下... 求详细代码 谢谢~~

Answer 1

参考实例:<script language="javascript">
<!--
function GetCookie(Name) {//读Cookie中Name的值
var search = Name + "="
var Cookie =document.cookie;
if (Cookie.length <= 0 || Cookie.indexOf(search)==-1)return 0;// cookie 不存在 或 'openid' 不存在,返回 0
else{
var tmp= Cookie.split(search)[1].split(";")[0]
return unescape(tmp)
}
}
function SetCookie(id){//写Cookie
document.cookie="opened="+escape(id)
}onload=function(){
var obj=document.getElementById("tab").getElementsByTagName("span"),j=obj.length;
var tmp=GetCookie('opened');
//'opened'有效，设定对应的TAB样式
if (tmp)
for (var i=0;i<j;i++)
if (obj[i].id==tmp)
obj[i].className="save"
else 
obj[i].className=""
//对每个TAB设定点击事件
for (var i=0;i<j;i++)
obj[i].onclick=function(){setStyle(this);SetCookie(this.id)}

function setStyle(o){//修改TAB样式
for (var i=0;i<j;i++)
obj[i].className=""
o.className="save"
}
}
//-->
</script>
<style>
#tab {font-size:12px;color:#000}
#tab span{CURSOR: pointer}
.save{font-size:14px;color:#f00}
</style><div id=tab>
<span id=tab1 class=save>1-点击后刷新</span>
<span id=tab2>2-点击后刷新</span>
<span id=tab3>3-点击后刷新</span>
<span id=tab4>4-点击后刷新</span>
</div>