符合web标准的跟随滚动条运动

来源：中国设计秀作者：点击：750 加入收藏

关键字：标准 WEB标准 css

源码如下：

<!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" xml:lang="en" lang="en"> 
<head> 
 <title></title> 
</head> 
<body> 
<script type="text/javascript"> 
function scrollImg(){ 
 var posX,posY; 
 if (window.innerHeight) { 
 posX = window.pageXOffset; 
 posY = window.pageYOffset; 
 } 
 else if (document.documentElement && document.documentElement.scrollTop) { 
 posX = document.documentElement.scrollLeft; 
 posY = document.documentElement.scrollTop; 
 } 
 else if (document.body) { 
 posX = document.body.scrollLeft; 
 posY = document.body.scrollTop; 
 } 
 var ad=document.getElementById("ad"); 
 ad.style.top=(posY+100)+"px"; 
 ad.style.left=(posX+50)+"px"; 
 setTimeout("scrollImg()",100); 
} 
</script> 
 
<div id="ad" style="position:absolute;background:#eeeeee;width:100px;height:100px;border:1px dotted #000;line-height:100px;text-align:center">scrollImg</div> 
<script type="text/javascript"> 
scrollImg(); 
</script> 
</body> 
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

0

顶一下

2008-01-17 13:54:34 出处：中国设计秀cnwebshow.com

本文引用地址：http://www.cnwebshow.com/edu/html/article_4337.html

热点文章/相关文章