首页>>导航菜单>>支持触摸设备的下拉导航菜单和megamenu(2015-10-16)

支持触摸设备的下拉导航菜单和megamenu

支持触摸设备的下拉导航菜单和megamenu

 

XML/HTML Code
  1. <ul class="sf-menu" id="example">  
  2.             <li class="current">  
  3.                 <a href="followed.html">menu item 1</a>  
  4.                 <ul>  
  5.                     <li>  
  6.                         <a href="followed.html">menu item</a>  
  7.                     </li>  
  8.                     <li class="current">  
  9.                         <a href="followed.html">long menu item sets sub width</a>  
  10.                         <ul>  
  11.                             <li class="current"><a href="followed.html">menu item</a></li>  
  12.                             <li><a href="followed.html">menu item</a></li>  
  13.                             <li><a href="followed.html">menu item</a></li>  
  14.                             <li><a href="followed.html">menu item</a></li>  
  15.                             <li><a href="followed.html">menu item</a></li>  
  16.                         </ul>  
  17.                     </li>  
  18.                     <li>  
  19.                         <a href="followed.html">menu item</a>  
  20.                         <ul>  
  21.                             <li><a href="followed.html">menu item</a></li>  
  22.                             <li><a href="followed.html">menu item</a></li>  
  23.                             <li><a href="followed.html">menu item</a></li>  
  24.                             <li><a href="followed.html">menu item</a></li>  
  25.                             <li><a href="followed.html">menu item</a></li>  
  26.                         </ul>  
  27.                     </li>  
  28.                     <li>  
  29.                         <a href="followed.html">menu item</a>  
  30.                         <ul>  
  31.                             <li><a href="followed.html">menu item</a></li>  
  32.                             <li><a href="followed.html">menu item</a></li>  
  33.                             <li><a href="followed.html">menu item</a></li>  
  34.                             <li><a href="followed.html">menu item</a></li>  
  35.                             <li><a href="followed.html">menu item</a></li>  
  36.                         </ul>  
  37.                     </li>  
  38.                 </ul>  
  39.             </li>  
  40.             <li>  
  41.                 <a href="followed.html">menu item 2</a>  
  42.             </li>  
  43.             <li>  
  44.                 <a href="followed.html">menu item 3</a>  
  45.                 <ul>  
  46.                     <li>  
  47.                         <a href="followed.html">menu item</a>  
  48.                         <ul>  
  49.                             <li><a href="followed.html">short</a></li>  
  50.                             <li><a href="followed.html">short</a></li>  
  51.                             <li><a href="followed.html">short</a></li>  
  52.                             <li><a href="followed.html">short</a></li>  
  53.                             <li><a href="followed.html">short</a></li>  
  54.                         </ul>  
  55.                     </li>  
  56.                     <li>  
  57.                         <a href="followed.html">menu item</a>  
  58.                         <ul>  
  59.                             <li><a href="followed.html">menu item</a></li>  
  60.                             <li><a href="followed.html">menu item</a></li>  
  61.                             <li><a href="followed.html">menu item</a></li>  
  62.                             <li><a href="followed.html">menu item</a></li>  
  63.                             <li><a href="followed.html">menu item</a></li>  
  64.                         </ul>  
  65.                     </li>  
  66.                     <li>  
  67.                         <a href="followed.html">menu item</a>  
  68.                         <ul>  
  69.                             <li><a href="followed.html">menu item</a></li>  
  70.                             <li><a href="followed.html">menu item</a></li>  
  71.                             <li><a href="followed.html">menu item</a></li>  
  72.                             <li><a href="followed.html">menu item</a></li>  
  73.                             <li><a href="followed.html">menu item</a></li>  
  74.                         </ul>  
  75.                     </li>  
  76.                     <li>  
  77.                         <a href="followed.html">menu item</a>  
  78.                         <ul>  
  79.                             <li><a href="followed.html">menu item</a></li>  
  80.                             <li><a href="followed.html">menu item</a></li>  
  81.                             <li><a href="followed.html">menu item</a></li>  
  82.                             <li><a href="followed.html">menu item</a></li>  
  83.                             <li><a href="followed.html">menu item</a></li>  
  84.                         </ul>  
  85.                     </li>  
  86.                     <li>  
  87.                         <a href="followed.html">menu item</a>  
  88.                         <ul>  
  89.                             <li><a href="followed.html">menu item</a></li>  
  90.                             <li><a href="followed.html">menu item</a></li>  
  91.                             <li><a href="followed.html">menu item</a></li>  
  92.                             <li><a href="followed.html">menu item</a></li>  
  93.                             <li><a href="followed.html">menu item</a></li>  
  94.                         </ul>  
  95.                     </li>  
  96.                 </ul>  
  97.             </li>  
  98.             <li>  
  99.                 <a href="followed.html">menu item 4</a>  
  100.             </li>     
  101.         </ul>  

 


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