旋转折叠css div层

旋转折叠css div层

 

演示

 

 

XML/HTML Code

<button id="doSwirl_1">Toggle (1 spin, 1000ms)</button>
<button id="doSwirl_2">Toggle (4 spins, 1000ms)</button><br />
<button id="doSwirl_3">Toggle (4 spins, 2000ms)</button><br />
<div id="tester">Press one of the "Toggle" buttons above to test the swirl animation</div>

 

JavaScript Code

<script type='text/javascript'>
$(window).load(function(){
var tester = $('#tester');

$('#doSwirl_1').click(function(){
    tester.toggle('swirl',1000);
});

$('#doSwirl_2').click(function(){
    tester.toggle('swirl',{spins:4},1000);
});

$('#doSwirl_3').click(function(){
    tester.toggle('swirl',{spins:4},2000);
});
});

</script>

 

原文地址:http://www.freejs.net/article_jquerywenzi_249.html