FlexSlider|功能强大的响应式jQuery幻灯片插件 An awesome, fully responsive jQuery slider plugin

Basic Slider

JS
HTML

	            // Can also be used with $(document).ready()
	            $(window).load(function() {
	              $('.flexslider').flexslider({
	                animation: "slide"
	              });
	            });

	            <!-- Place somewhere in the <body> of your page -->
	            <div class="flexslider">
	              <ul class="slides">
	                <li>
	                  <img src="slide1.jpg" />
	                </li>
	                <li>
	                  <img src="slide2.jpg" />
	                </li>
	                <li>
	                  <img src="slide3.jpg" />
	                </li>
	                <li>
	                  <img src="slide4.jpg" />
	                </li>
	              </ul>
	            </div>

FlexSlider|功能强大的响应式jQuery幻灯片插件 An awesome, fully responsive jQuery slider plugin

FlexSlider 2

The best responsive slider. Period.

查看其它示例