DFdou's Blog Life is short,Be yourself.

jQuery-Slider Plugins

来自http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
Learned from http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
本地Demo地址：http://nwhy.org/nwhy/jsdemo/slider.html
使用很简单，HTML部分代码如下：

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider.js"></script>
$(document).ready(function(){
	$("#slider").easySlider();
});
<div id="slider">
	<ul>

	<li>content here...</li>
	<li>content here...</li>
	<li>content here...</li>
	...
	</ul>
</div>

再来点CSS：

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{
	width:500px;
	height:200px;
	overflow:hidden;
	}
span#prevBtn{}
span#nextBtn{}

还有就是按钮：

<span id="prevId"><a href="javascript:void(0);">Previous</a></span>
<span id="nextBtn"><a href="javascript:void(0);">Next</a></span>

本地Demo中写了个背景图，这个反正自由更改～
OK，这个插件就是这样简单，里边的内容可以是div，也可以是li，or 其他你想放的标签，使用愉快，bye～

Some Related Posts

• 2009/05/25 -- jQuery-Timepickr + Slider + Keypad (0)
• 2009/10/22 -- jQuery Plugins-SimpleModal弹窗插件 (0)
• 2009/06/03 -- jQuery-Drop Down Menu Effect With jQuery & CSS (0)
• 2009/04/10 -- jQuery Plugins-jqModal 弹窗插件 (1)
• 2009/03/09 -- jQuery Plugins-ListNav 列表导航插件 (0)
• 2009/01/08 -- jQuery动画-基于each(fn)的小应用 (2)
• 2009/09/23 -- jQuery Plugins-Lazy Load (0)
• 2009/07/14 -- jQuery Plugins-jLook & niceForm (1)
• 2009/07/06 -- WordPress-一些奇怪的错误Some Special Error (1)
• 2009/06/19 -- 介绍下WordPress (0)