Posted on 2011-11-27 21:28
哈希 閱讀(170)
評論(0) 編輯 收藏 所屬分類:
Js and Jquery 常用總結
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<!--放置廣告層-->
<div id="adv" style="position:absolute; left:60px; top:220px; width:100px; height:75px; z-index:2">
<a href=" <img src="imgs/ad.jpg"/>
</a>
<div id="close" style="position:absolute; left:79px; top:61px; width:21px; height:14px;">
<img src="imgs/close.png" style="cursor:pointer;" onClick="closeAdv()"/>
</div>
</div>
<script language="javascript">
var x=0,y=0,ypos=220,xpos=60,step=6,speed=10;
var adv=document.getElementById("adv");
function gogogo(){
adv.style.left=xpos+document.body.scrollLeft;
adv.style.top=ypos+document.body.scrollTop;
if(x==0){
//從左到右
xpos+=step;
}else
{
xpos-=step;
}
if(xpos>=document.body.clientWidth-100){
//改變方向
xpos=document.body.clientWidth-100;
x=1;
}
if(xpos<0){
xpos=0;
x=0;
}
//縱向
if(y==0){
//從左到右
ypos+=step;
}else
{
ypos-=step;
}
if(ypos>=document.body.clientHeight-75){
//改變方向
ypos=document.body.clientHeight-75;
y=1;
}
if(ypos<0){
ypos=0;
y=0;
}
}
setInterval("gogogo()",speed);
</script>
<table width="2000" height="1000">
<tr>
<td>
<img src="imgs/bg.jpg" width="1400" height="3417"/>
</td>
</tr>
</table>
</body>
</html>