Posted By


inthewayboy on 11/08/09

Tagged


Statistics


Viewed 433 times
Favorited by 1 user(s)

jQuery.SuperFish


/ Published in: jQuery
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html lang="en">
  4. <head>
  5. <title>superfish</title>
  6. <meta http-equiv="content-type" content="text/html;charset=utf-8">
  7. <link rel="stylesheet" type="text/css" href="http://bit.ly/1IXYeT" media="screen">
  8. <link rel="stylesheet" type="text/css" href="http://bit.ly/2EHNk9" media="screen">
  9. <script type="text/javascript" src="http://bit.ly/4zZUbA"></script>
  10. <script type="text/javascript" src="http://bit.ly/2dfLeE"></script>
  11. <script type="text/javascript" src="http://bit.ly/2Mcyj6"></script>
  12. <script type="text/javascript">
  13. $(function(){
  14. $("ul.sf-menu").superfish();
  15. });
  16. </script>
  17. </head>
  18. <body>
  19. <ul class="sf-menu sf-navbar">
  20. <li class="current">
  21. <a href="#a">menu item</a>
  22. <ul>
  23. <li>
  24. <a href="#aa">menu item that is quite long</a>
  25. </li>
  26. <li class="current">
  27. <a href="#ab">menu item</a>
  28. <ul class="sf-menu sf-navbar">
  29. <li class="current"><a href="#">menu item</a></li>
  30. <li><a href="#aba">menu item</a></li>
  31. <li><a href="#abb">menu item</a></li>
  32. <li><a href="#abc">menu item</a></li>
  33. <li><a href="#abd">menu item</a></li>
  34. </ul>
  35. </li>
  36. <li>
  37. <a href="#">menu item</a>
  38. <ul>
  39. <li><a href="#">menu item</a></li>
  40. <li><a href="#">menu item</a></li>
  41. <li><a href="#">menu item</a></li>
  42. <li><a href="#">menu item</a></li>
  43. <li><a href="#">menu item</a></li>
  44. </ul>
  45. </li>
  46. <li>
  47. <a href="#">menu item</a>
  48. <ul>
  49. <li><a href="#">menu item</a></li>
  50. <li><a href="#">menu item</a></li>
  51. <li><a href="#">menu item</a></li>
  52. <li><a href="#">menu item</a></li>
  53. <li><a href="#">menu item</a></li>
  54. </ul>
  55. </li>
  56. </ul>
  57. </li>
  58. <li>
  59. <a href="#">menu item</a>
  60. </li>
  61. <li>
  62. <a href="#">menu item</a>
  63. <ul>
  64. <li>
  65. <a href="#">menu item</a>
  66. <ul>
  67. <li><a href="#">short</a></li>
  68. <li><a href="#">short</a></li>
  69. <li><a href="#">short</a></li>
  70. <li><a href="#">short</a></li>
  71. <li><a href="#">short</a></li>
  72. </ul>
  73. </li>
  74. <li>
  75. <a href="#">menu item</a>
  76. <ul>
  77. <li><a href="#">menu item</a></li>
  78. <li><a href="#">menu item</a></li>
  79. <li><a href="#">menu item</a></li>
  80. <li><a href="#">menu item</a></li>
  81. <li><a href="#">menu item</a></li>
  82. </ul>
  83. </li>
  84. <li>
  85. <a href="#">menu item</a>
  86. <ul>
  87. <li><a href="#">menu item</a></li>
  88. <li><a href="#">menu item</a></li>
  89. <li><a href="#">menu item</a></li>
  90. <li><a href="#">menu item</a></li>
  91. <li><a href="#">menu item</a></li>
  92. </ul>
  93. </li>
  94. <li>
  95. <a href="#">menu item</a>
  96. <ul>
  97. <li><a href="#">menu item</a></li>
  98. <li><a href="#">menu item</a></li>
  99. <li><a href="#">menu item</a></li>
  100. <li><a href="#">menu item</a></li>
  101. <li><a href="#">menu item</a></li>
  102. </ul>
  103. </li>
  104. <li>
  105. <a href="#">menu item</a>
  106. <ul>
  107. <li><a href="#">menu item</a></li>
  108. <li><a href="#">menu item</a></li>
  109. <li><a href="#">menu item</a></li>
  110. <li><a href="#">menu item</a></li>
  111. <li><a href="#">menu item</a></li>
  112. </ul>
  113. </li>
  114. </ul>
  115. </li>
  116. <li>
  117. <a href="#">menu item</a>
  118. </li>
  119. </ul>
  120. </body>
  121. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.