您的位置：首页 > 职场人生

面试cookie

2015-11-18 23:15 603 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>面试cookie</title>
<style type="text/css">
#div1{width: 150px;height: 150px;background: #0ff;position: absolute;}
</style>
<script type="text/javascript">
function setCookie(name,value,iDay){
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+"="+value+";expires"+oDate;
}

function getCookie(name){
var arr=document.cookie.split('; ');
for (var i = 0; i < arr.length; i++) {
var arr2=arr[i].split("=");
if (arr2[0]==name) {
return arr2[1];
};
};
return '';
}

function removeCookie(name){
setCookie(name,'a',-1);
}

window.onload=function(){
var oDiv=document.getElementById("div1");
var disX=0;
var disY=0;
var moveX=0;
var moveY=0;
oDiv.onmousedown=function(ev){
removeCookie("left");
removeCookie("top");
var ev=ev||event;
disX=ev.clientX-oDiv.offsetLeft;
disY=ev.clientY-oDiv.offsetTop;
document.onmousemove=function(ev){
var ev=ev||event;
moveX=ev.clientX-disX;
moveY=ev.clientY-disY;
oDiv.style.left=moveX+"px";
oDiv.style.top=moveY+"px";

}
document.onmouseup=function(){
setCookie("left",moveX,30);
setCookie("top",moveY,14);
document.onmousemove=null;
document.onmouseup=null;
}
}

oDiv.style.left=getCookie("left",moveX)+"px";
oDiv.style.top=getCookie("top",moveY)+"px";
}

</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航