锁定老帖子 主题:javascript学习六
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2011-12-27
浮动广告 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>浮动广告图片</title> <script type="text/javascript"> var advInitTop=0;//使层总置于顶端的初始化 function move(){ //document.body.scrollTop在标准w3c下,document.body.scrollTop恒为0, //需要用document.documentElement.scrollTop来代替; document.getElementById("advLayer").style.pixelTop=advInitTop+document.documentElement.scrollTop; } window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数 </script> </head> <body> <div id="advLayer" style="position: absolute;left: 160px;top: 129px;width: 180px;height: 230px;z-index: 1;"> <img alt="" src="image/DefaultPersonPhoto.jpg" width="180" height="230"> </div> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p><p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> <p>32423<p> </body> </html> 网页可见区域宽: document.body.clientWidth; 在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替; 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
浏览 1304 次