Requires the jQuery Library as well as the Easing plugin.
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script>
$("#anything).circulate({ speed: 400, // Speed of each quarter segment of animation, 1000 = 1 second height: 200, // Distance vertically to travel width: 200, // Distance horizontally to travel sizeAdjustment: 100, // Percentage to grow or shrink loop: false, // Circulate continuously zIndexValues: [1, 1, 1, 1] // Sets z-index value at each stop of animation });
适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。
代码整理:站长图库