轻量级旋转木马,jQuery旋转木马插件

轻量级旋转木马,jQuery旋转木马插件30
微型旋转木马是一个轻量级基于滑动html内容的旋转木马。微型旋转木马可以滑垂直或水平,支持导航按钮或分页。可以设置动画时间以毫秒为单位或“即时”,间隔可以设置为自动将幻灯片每一毫秒。使用方法引用css和js文件
<link rel="stylesheet" href="css/website.css" type="text/css" media="screen"/><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
html代码
<div id="slider1">		<a class="buttons prev" href="#">left</a>		<div class="viewport">			<ul class="overview">				<li><img src="images/picture6.jpg" /></li>				<li><img src="images/picture5.jpg" /></li>				<li><img src="images/picture4.jpg" /></li>								<li><img src="images/picture3.jpg" /></li>				<li><img src="images/picture2.jpg" /></li>				<li><img src="images/picture1.jpg" /></li>			</ul>		</div>		<a class="buttons next" href="#">right</a>	</div>
js代码
$(document).ready(function(){    $('#slider1').tinycarousel();	});

也许你还喜欢