首页>>Jquery文字>>旋转的导航菜单(2013-11-22)

旋转的导航菜单

旋转的导航菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.     $(function(){  
  3.         $('#rotatingMenu').rotatingMenu();  
  4.         $('#rotatingMenu2').rotatingMenu();  
  5.     });  
  6. </script>  

 

XML/HTML Code
  1. <div id="rotatingMenu">  
  2.     <div id="rmenu1"><a href="#">  
  3.         <img src="icons/bin.png" alt="..." />  
  4.         <span>bin</span>  
  5.     </a></div>  
  6.     <div id="rmenu2"><a href="#">  
  7.         <img src="icons/burn.png" alt="..." />  
  8.         <span>burn</span>  
  9.     </a></div>  
  10.     <div id="rmenu3"><a href="#">  
  11.         <img src="icons/calendar.png" alt="..." />  
  12.         <span>calendar</span>  
  13.     </a></div>  
  14.     <div id="rmenu4"><a href="#">  
  15.         <img src="icons/debian.png" alt="..." />  
  16.         <span>debian</span>  
  17.     </a></div>  
  18.     <div id="rmenu5"><a href="#">  
  19.         <img src="icons/emulator.png" alt="..." />  
  20.         <span>emulator</span>  
  21.     </a></div>  
  22.     <div id="rmenu6"><a href="#">  
  23.         <img src="icons/firefox.png" alt="..." />  
  24.         <span>firefox</span>  
  25.     </a></div>  
  26.     <div id="rmenu7"><a href="#">  
  27.         <img src="icons/network.png" alt="..." />  
  28.         <span>network</span>  
  29.     </a></div>  
  30.     <div id="rmenu8"><a href="#">  
  31.         <img src="icons/osx.png" alt="..." />  
  32.         <span>osx</span>  
  33.     </a></div>  
  34.     <div id="rmenu9"><a href="#">  
  35.         <img src="icons/sun.png" alt="..." />  
  36.         <span>sun</span>  
  37.     </a></div>  
  38.     <div id="rmenu10"><a href="#">  
  39.             <img src="icons/vista.png" alt="..." />  
  40.             <span>vista</span>  
  41.     </a></div>  
  42. </div>  
  43.   
  44. <div id="rotatingMenu2">  
  45.     <div id="rmenu1"><a href="#">One</a></div>  
  46.     <div id="rmenu2"><a href="#">Two</a></div>  
  47.     <div id="rmenu3"><a href="#">Three</a></div>  
  48.     <div id="rmenu4"><a href="#">Four</a></div>  
  49.     <div id="rmenu5"><a href="#">Five</a></div>  
  50.     <div id="rmenu6"><a href="#">Six</a></div>  
  51.     <div id="rmenu7"><a href="#">Seven</a></div>  
  52.     <div id="rmenu8"><a href="#">Eight</a></div>  
  53.     <div id="rmenu9"><a href="#">Nine</a></div>  
  54.     <div id="rmenu10"><a href="#">Ten</a></div>  
  55.     <div id="rmenu11"><a href="#">Eleven</a></div>  
  56.     <div id="rmenu12"><a href="#">Twelve</a></div>  
  57. </div>  

 


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