JS实现网页上随滚动条滚动的层效果代码

本文实例讲述了JS实现网页上随滚动条滚动的层效果代码。分享给大家供大家参考，具体如下：

这款网页上随滚动条滚动层代码，拖动滚动条即可看到效果，对联广告的代码也都是基于此的，右侧的浮动层同样是可以关闭的稍微加工，便可实现一个浮动广告的代码，运行一下，先看效果吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-web-fixed-scroll-adv-codes/

具体代码如下：

body{ margin:0; padding:0; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,form{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{ border:0;}
ol,ul{list-style:none;}
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none;}
#scroll_div{ width:100px; height:400px; background:#990; }
#btn_close,#btn_gotop{ cursor:pointer;}



头

我们提供各类编程源码、
素材、书籍教程、设计模板、
网页特效代码以及常用软件下载等，
做有质量的
学习型源码下载站。



















































































































底

关闭

返回顶部

希望本文所述对大家Javascript程序设计有所帮助。