幻灯片是网页中图片展示的一种常用方式,有时候我们还用它来显示当前热点头条等。现在已经有很多插件可以非常方便实现这种效果,例如bxslider,slidesjs.
另外还有几篇类似的讲解实现幻灯片效果的文章,例如,Coding a Rotating Image Slideshow w/ CSS3 and jQuery,Slider Gallery with jQuery
先上个效果图
javascript部分
$(function() {
var sliders = $("#slider > li");
var indicators = $(".indicator li");
sliders.