Advanced Search

Posted By

inthewayboy on 11/08/09

Tagged

Versions (?)

Last Edited at 11/08/09 12:32am

Statistics

Viewed 552 times
Favorited by 1 user(s)

jQuery.SuperFish

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

Expand | Embed | Plain Text

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.