基于jQuery实现滚动切换效果

2020-05-24 21:33:41易采站长站整理

<li>●</li>
<li>●</li>
<li>●</li>
</ul>
</div>
<div id="view_menu_control">
<span>
<img class="pre" src="Rollpic/left_arrow.png" /></span>
<span>
<img class="next" src="Rollpic/right_arrow.png" /></span>
</div>
</div>
<div id="view_content">
<div id="view_content_fixed">
<ul>
<li>
<div>
<img src="Rollpic/1.jpg" /></div>
<span></span></li>
<li>
<div>
<img src="Rollpic/2.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/3.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/4.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/5.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/6.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/7.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/8.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/9.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/10.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/11.jpg" />
</div>
<span></span></li>
<li>
<div>
<img src="Rollpic/12.jpg" />
</div>
<span></span></li>
</ul>
</div>
</div>
</div>
</body>
</html>

RollControl.css