jquery动态弹性多级下拉菜单.zip资源-CSDN文库

共7个文件

js：3个

css：2个

html：1个

版权申诉

javascript

jQuery

htm5

82 浏览量 2022-11-20 22:08:11 上传评论收藏 69KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery动态弹性多级下拉菜单.zip （7个子文件）

jquery动态弹性多级下拉菜单

jiaoben281

css

sooperfish-theme-large.css 844B

sooperfish.css 2KB

index.html 5KB

jquery.easing-sooper.js 5KB

jquery-1.4.2.min.js 70KB

jquery.sooperfish.js 4KB

jquery动态弹性多级下拉菜单.jpg 55KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery动态弹性多级下拉菜单 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/sooperfish.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/sooperfish-theme-large.css" media="screen"> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').sooperfish(); }); </script> </head> <body> <br> <ul class="sf-menu" id="nav"> <li class="current"> <a href="#a">Fruits by Color</a> <ul> <li> <a href="#aa">All fruits with drawings and photos</a> </li> <li class="current"> <a href="#ab">Red Fruits</a> <ul> <li class="current"><a href="#">Red Apples</a></li> <li><a href="#aba">Red Grapes</a></li> <li><a href="#abc">Cherries</a></li> <li><a href="#abb">Strawberries</a> <ul> <li class="current"><a href="#">Dutch Strawberries</a></li> <li><a href="#aba">French Strawberries</a></li> <li><a href="#abb">German Strawberries</a></li> <li><a href="#abc">American Strawberries</a></li> <li><a href="#abd">Scandinavian Strawberries</a></li> </ul> </li> <li><a href="#abd">Berries</a></li> <li><a href="#abd">Cherry Tomatoes</a></li> </ul> </li> <li> <a href="#">Yellow Fruits</a> <ul> <li><a href="#">Bananas</a></li> <li><a href="#">Lemons</a></li> <li><a href="#">Mangos</a></li> <li><a href="#">Dragon Fruit</a></li> <li><a href="#">Tangerine</a></li> </ul> </li> <li> <a href="#">Green Fruits</a> <ul> <li><a href="#">Green apples</a></li> <li><a href="#">Kiwis</a></li> <li><a href="#">Melons</a></li> <li><a href="#">Pears</a></li> <li><a href="#">Unripe bananas</a></li> </ul> </li> </ul> </li> <li> <a href="#">Singularity</a> </li> <li> <a href="#">Widgets</a> <ul> <li> <a href="#">Things</a> <ul> <li><a href="#">Red things</a></li> <li><a href="#">Blue things</a></li> <li><a href="#">Green things</a></li> <li><a href="#">Yellow things</a></li> <li><a href="#">Black things</a></li> </ul> </li> <li><a href="#">Stuff</a></li> <li> <a href="#">Others</a> <ul> <li><a href="#">Really white others</a></li> <li><a href="#">Broken white others</a></li> <li><a href="#">Silver others</a></li> <li><a href="#">Grey others</a></li> <li><a href="#">Ash others</a></li> <li><a href="#">Anthracite others</a></li> <li><a href="#">Really black others</a></li> <li><a href="#">Galactic void others</a></li> </ul> </li> <li> <a href="#">Misc</a> <ul> <li><a href="#">Cyan others</a></li> <li><a href="#">Magenta others</a></li> <li><a href="#">Yellow others</a></li> <li><a href="#">Black others</a></li> <li><a href="#">White others</a></li> <li><a href="#">Cyan others</a></li> <li><a href="#">Magenta others</a></li> <li><a href="#">Yellow others</a></li> <li><a href="#">Black others</a></li> <li><a href="#">White others</a></li> <li><a href="#">Cyan others</a></li> <li><a href="#">Magenta others</a></li> <li><a href="#">Yellow others</a></li> <li><a href="#">Black others</a></li> <li><a href="#">White others</a></li> <li><a href="#">Cyan others</a></li> <li><a href="#">Magenta others</a></li> <li><a href="#">Yellow others</a></li> <li><a href="#">Black others</a></li> <li><a href="#">White others</a></li> <li><a href="#">Cyan others</a></li> <li><a href="#">Magenta others</a></li> <li><a href="#">Yellow others</a></li> <li><a href="#">Black others</a></li> <li><a href="#">White others</a></li> <li><a href="#">White others</a></li> <li><a href="#">White others</a></li> </ul> </li> <li><a href="#">Unique thing</a></li> </ul> </li> <li> <a href="#">Contact</a> </li> </ul> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉