使用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