Slides, A Slideshow Plugin for jQuery
<img class="aligncenter size-full wp-image-171" title="1" src="http://www.zhaorongtao.com/wp-content/uploads/2011/04/1.jpg" alt="" width="700" height="349" />
Basic HTML Structure
<div id="slides">
<div>
<div>
<h1>Slide 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div>
<h1>Slide 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div>
<h1>Slide 3</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div>
<h1>Slide 4</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
Basic CSS
<style type="text/css" media="screen">
.slides_container {
width:470px;
height:170px;
}
.slides_container div {
width:470px;
height:170px;
display:block;
}
</style>
Basic Initialization
<script>
$(function(){
$("#slides").slides();
});
</script>
示例：http://slidesjs.com/
查看完整版本： Slides, A Slideshow Plugin for jQuery
Tags: