随屏滚动模块是网站常见的效果，常用于广告，这种浮动方式，一般和主页面不在一个层，不占用基本页面空间，所以还是比较实用的，下面一个简单的随屏幕滚动代码，文章结尾有演示链接。
主要js代码
function scr(){
document.getElementById(“div”).style.top=(document.documentElement.scrollTop)+”px”;
document.getElementById(“div”).style.left=(document.documentElement.scrollLeft)+”px”;
}
function hide()
{document.getElementById(“div”).style.display=”none”;
}
function scall(){
scr();
}
window.onscroll=scall;
第一个函数是js滚动，第二个是控制关闭，第三个js函数是控制滚动；
html代码
<div id=”div” class=”ddiv” ><a href=”javascript:” onclick=”hide()” class=”close”>关闭</a><div class=”adc”>随滚动条移动广告(可以是图片)</div></div>
需要自定义的css样式：类选择器ddiv、close和adc，css样式也很简单，主要是宽高度的控制，可以参考下面实际演示(打开后右键源码)；
实际效果参考：随屏滚动广告
p.s.随屏滚动不太利于用户体验，特别是内容为广告的情况——耕堂gengtang.net
右上方更多相关内容/站内搜索-关键词请用空格隔开
发表留言