Roundabout for jQuery

效果图:

Roundabout for jQuery

Roundabout是一个转换静态HTML元素结构为交互式播放区域的jQuery插件(而且并不仅仅是一个转盘,还有许多的形状)

首先你要下载好Jquery.min.js,和Jquery-Roundabout.min.js,我会在文件里上传。

然后直接给上源代码。duration是转的快慢,值越大, 转的越慢。还有一些其他功能,详见百度Jquery-roundabout。

 

 

<head>

<style type="text/css">

body{ text-align:center;}

#featured-area{ height:200px; width:200px; margin:0 auto; padding-top:500px;}

#featured-area ul li{ height:100px; width:100px; background:#F00; color:#FFF;}

</style>

<script type="text/javascript" src="jquery.min.js"></script> 

<script type="text/javascript" src="jquery.roundabout-1.0.min.js"></script> 

<script type="text/javascript">        

$(function(){

           $('#featured-area ul').roundabout({

                                        duration:600

                                             });

           })

</script>    

</head> 

<body>

<div id="featured-area" >

<ul> 

<li>box3</li>

<li>box2</li>  

<li>box1</li>  

</ul> 

</div>

</body> 

</html> 

 

你可能感兴趣的:(jquery)