jQuery无序列表与循环动画

添加鼠标触发
修复点击事件
$('.blocks').mobilyblocks({
    trigger: 'click', // click or hover
    direction: 'clockwise', // clockwise or counter
    duration: 500, // duration of animation
    zIndex: 50, // z-index value of 'li' elements
    widthMultiplier: 1.15
});

HTML
<div class="blocks">
    <ul class="reset">
        <li> .. </li>
        <li> .. </li>
        <li> .. </li>
        <!-- etc. -->
    </ul>         
</div>

CSS
.blocks {
    display:block;
    width:;
    height:; /* you need to specify width and height values */
    position:relative;
    cursor:pointer;
}
  
ul.reset,
ul.reset li {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}
  
ul.reset li {
    position:absolute;
}