模拟滚动条，且惯性滚动,实践[demo]
<div id="cnblogs_post_body">先直接上Demo#cnblogs_post_body ul{margin:0;padding:0;}.dream-drag-container{width:1000px;height: 200px;overflow: hidden;margin: 50px auto 0;border:1px solid #ccc;padding-top:10px;}.dream-drag-container li{float: left;width: 170px;height:170px; text-align:center;display:inline;margin-left:25px;}.dragBarContainer{height:10px;border-top:1px solid #ccc;position:absolute;width:980px;left:10px;bottom:5px;}.dragBar{height:13px;background-image:url(http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_dragBar.png);width:182px;position:absolute;left:0;top:-5px;cursor:move;overflow:hidden;}.dragBar:hover{background-position:0 -13px;}<div class="dream-drag-container">
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_1.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_2.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_3.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_4.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_5.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_6.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_7.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_8.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_9.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_10.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_11.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_12.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_13.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_14.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_1.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_2.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_3.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_4.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_5.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_6.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_7.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_8.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_9.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_10.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_11.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_12.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_13.jpg
[*]http://images.cnblogs.com/cnblogs_com/dreamback/302151/r_14.jpg
页:
[1]