下面代码是一个漂浮广告效果,请把IMG的SRC改成你自己电脑上的一张图片的地址。
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > 无标题页 </ title >
< script > ...
var dx=5,dy=5;
var interval=100;
var intervalID=window.setInterval('moveDiv()',interval);
function moveDiv()
...{
if(window.closed)
...{
clearInterval(intervalID);
}
window.status=document.getElementById('swfDiv').style.posLeft+dx;
//(window.screen.availWidth-100) (window.screen.availHeight-80)
if(((document.getElementById('swfDiv').style.posLeft+dx)>800)||((document.getElementById('swfDiv').style.posLeft+dx)<0))
...{
dx=-dx;
}
if(((document.getElementById('swfDiv').style.posTop+dy)>445)||((document.getElementById('swfDiv').style.posTop+dy)<0))
...{
dy=-dy;
}
document.getElementById('swfDiv').style.posLeft += dx;
document.getElementById('swfDiv').style.posTop += dy;
}
</ script >
</ head >
< body >
< div id ="swfDiv" style ="width:100px; height:80px; position:absolute; top:0; left:0; z-index:99; border-bottom:solid 1px black; border-left:solid 1px black; border-right:solid 1px black; border-top:solid 1px black" >
< img src ="{67A7B337-4419-4361-92CC-F8FC3F445680}.JPG" />
</ div >
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > 无标题页 </ title >
< script > ...
var dx=5,dy=5;
var interval=100;
var intervalID=window.setInterval('moveDiv()',interval);
function moveDiv()
...{
if(window.closed)
...{
clearInterval(intervalID);
}
window.status=document.getElementById('swfDiv').style.posLeft+dx;
//(window.screen.availWidth-100) (window.screen.availHeight-80)
if(((document.getElementById('swfDiv').style.posLeft+dx)>800)||((document.getElementById('swfDiv').style.posLeft+dx)<0))
...{
dx=-dx;
}
if(((document.getElementById('swfDiv').style.posTop+dy)>445)||((document.getElementById('swfDiv').style.posTop+dy)<0))
...{
dy=-dy;
}
document.getElementById('swfDiv').style.posLeft += dx;
document.getElementById('swfDiv').style.posTop += dy;
}
</ script >
</ head >
< body >
< div id ="swfDiv" style ="width:100px; height:80px; position:absolute; top:0; left:0; z-index:99; border-bottom:solid 1px black; border-left:solid 1px black; border-right:solid 1px black; border-top:solid 1px black" >
< img src ="{67A7B337-4419-4361-92CC-F8FC3F445680}.JPG" />
</ div >
</ body >
</ html >