文件名称:scrollbar_js实现竖向滚动条
文件大小:292KB
文件格式:ZIP
更新时间:2015-11-02 09:18:20
滚动条 图组
带竖向滚动条的图组展示效果 .box-163css{position:relative;height:330px;border:solid 1px #ddd;width:600px;margin:20px auto;} .picul{ width:100%; float:left;} .picul li{ width:115px; height:115px; float:left; margin:0 7px 25px 7px; padding:1px; border:1px solid #ccc;} .picul li a{ display:block;} .picul li img{width:100%; height:100%;} #dv_scroll{position:absolute;height:310px;overflow:hidden;width:570px; top:15px;} .Scroller-Container{width:100%;} #dv_scroll_bar{position:absolute;right:0;top:10px;width:14px;height:310px;border-left:1px solid #B5B5B5;} .Scrollbar-Track{position:absolute;left:0;top:20px;width:13px;height:270px;} .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:103px;overflow:hidden;background:url(../images/srcoll.gif) no-repeat;cursor:pointer;} #dv_scroll_text{position:absolute;}
【文件预览】:
163css
----index.html(2KB)
----images()
--------img06.jpg(19KB)
--------srcoll.gif(1KB)
--------img03.jpg(167KB)
--------img04.gif(12KB)
--------img05.jpg(15KB)
--------img03.gif(10KB)
--------img01.jpg(15KB)
--------img02.jpg(16KB)
----js()
--------jquery.min.js(92KB)
--------scrollbar.js(10KB)
----css()
--------163css.css(1KB)