使用jquery flip插件的一个简单例子

效果图：

（旋转效果）

1.下载插件

2.引入到网页

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

3.引入jquery的文件

[javascript] 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 

4.在页面载入的时候调用函数

[javascript]
<script type="text/javascript"> 
      $(document).ready(function(){ 
          $("#mainWrapper").flip({ 
              direction:'tb' 
          }); 
      }); 
 
      function aaa(){ 
 
          $("#bbb").flip({ 
              direction:'tb' 
          }); 
      } 
  </script> 

html页面：

[html]
<div class="contentFirst" id="bbb" onclick="javascript:aaa()"></div> 
作者：xiaoguang44