滚动条滚动,广告保持位置不变
2016-05-18 09:41
381 查看
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>滚动广告</title> <style> #dd{ float:left; position:fixed; left:1120px; top:550px; z-index:1; } </style> <script> window.onload=initial; window.onscroll=move; var objAdver;//层对象 var objTop;//头部 var objLeft;//左边 function initial(){ objAdver=document.getElementById("dd");//广告层对象 if(objAdver.currentStyle){//IE浏览器取层的位置:头部位置与左边位置 objTop=parseInt(objAdver.currentStyle.top); objLeft=parseInt(objAdver.currentStyle.left); }else{//非IE浏览器取层的位置方式 objTop=parseInt(document.defaultView.getComputedStyle(objAdver,null).top); objLeft=parseInt(document.defaultView.getComputedStyle(objAdver,null).left); } } function move(){//滚动条移动事件 //重新设置广告层的位置 objAdver.style.top=objTop+parseInt(document.documentElement.scrollTop)+"px"; objAdver.style.left=objLeft+parseInt(document.documentElement.scrollLeft)+"px"; } </script> </head> <body> <div id="dd"><img src="哈士奇.jpg" width="250" height="180" /></div>
</body>
相关文章推荐
- Remove Nth Node From End of List
- CSS3轻松实现清新 Loading 效果
- 将网络上的图片缓存到本地指定目录文件夹下方式。
- 撒旦法撒旦法
- 设计模式简介
- 【装机软件】Chrome浏览器
- PostMessage与SendMessage的区别
- SQL Server数据库获取TEXT字段的内容长度的方法
- C#去掉HTML标记
- editView
- jdbc.properties内容
- 使用文本框的值动态生成控件
- ASP.NET从MVC5升级到MVC6 RC2 总目录 - 发布在RC2Release之后
- CRM中复制记录的方法
- MySQL DATE_FORMAT() 函数
- 修改或隐藏Nginx的版本号
- Raycast 只射到某一层
- 撒旦法
- Xcode-模拟器操作的一些快捷键
- Flume+Kafka收集Docker容器内分布式日志应用实践