jQuery无序列表的下拉菜单.zip资源-CSDN文库

共16个文件

css：6个

png：4个

js：4个

版权申诉

javascript

html5

jQuery

156 浏览量 2022-11-22 17:15:46 上传评论收藏 117KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery无序列表的下拉菜单.zip （16个子文件）

jQuery无序列表的下拉菜单

jQuery无序列表的下拉菜单.jpg 35KB

jiaoben2108

css

squarewhite.css 2KB

rightbt.css 3KB

styleIE.css 4KB

blue2.css 2KB

menuArrowsCWFFFFFF.png 276B

menuArrowsFFFFFF.png 244B

blue.css 4KB

menuDark.png 144B

menuLight.png 151B

grayround.css 3KB

index.html 10KB

jquery.mnmenu.js 15KB

jqmin.1.10.1.js 268KB

jquery.mnmenu.0.0.12.js 4KB

jquery.hoverintent.r7.js 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>jQuery��б��˵� - վ��ز�</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <script src="js/jqmin.1.10.1.js" type="text/javascript"></script> <script src="js/jquery.hoverintent.r7.js" type="text/javascript"></script> <script src="js/jquery.mnmenu.js" type="text/javascript"></script> <script>$(document).ready(function() { $('#idmenu').mnmenu(); //Create and init additional menus var $demoContainer = $('#demoContainer'); $demoContainer.append($("<h3>Regular menus</h3>")); $demoContainer.append($("Menus with different colors and styling.")); //Create lists $(["bluemenu", "grayround", "squarewhite", "blue2menu"]).each(function() { var color = this; var $temp = generateMenu(color); $demoContainer.append($temp); $temp.mnmenu({menuClassName: color.toString()}); }); $demoContainer.append($(["<h3>Right aligned menu</h3>"].join(""))); $demoContainer.append($("This menu is the reversed version of the top menu." + " Menus will be displayed from bottom to top and from right to left.")); //Init right to left menu with custom level settings var rightMenuLevelSettings = {}; //Defaults rightMenuLevelSettings[0] = new MNLevelSettings(); rightMenuLevelSettings[0].parentAttachmentPosition = "SW"; rightMenuLevelSettings[0].attachmentPosition = "SE"; //First level rightMenuLevelSettings[1] = new MNLevelSettings(); rightMenuLevelSettings[1].parentAttachmentPosition = "NE"; rightMenuLevelSettings[1].attachmentPosition = "SE"; var $rightbtmenu = generateMenu("rightbtmenu"); $demoContainer.append($rightbtmenu); $rightbtmenu.mnmenu({menuClassName: "rightbtmenu", levelSettings: rightMenuLevelSettings}); ///////////////////////////////////////////////////// function generateMenu(id) { var $temp = $(["<ul id='", id, "'></ul>"].join("")); //ADD Submenus for (var i = 1; i < 6; i++) { var label = ["Level-", i].join(""); var $firstLevel = $(["<li>", label, "</li>"].join("")); $temp.append($firstLevel); addLevels(1, 5, $firstLevel, label); } return $temp; } function addLevels(current, max, $component, label) { var $newContainer = null; for (var i = 1; i < Math.floor(Math.random() * 6) + 1; i++) { if ($newContainer === null) { $newContainer = $("<ul></ul>"); $component.append($newContainer); } var newLabel = [label, "-", i].join(""); var $newLevel = $(["<li>", newLabel, "</li>"].join("")); $newContainer.append($newLevel); if (current < max) { addLevels(current + 1, max, $newLevel, newLabel); } } } });</script> <link href="css/styleIE.css" type="text/css" rel="stylesheet"/> <link href="css/blue.css" type="text/css" rel="stylesheet"/> <link href="css/grayround.css" type="text/css" rel="stylesheet"/> <link href="css/squarewhite.css" type="text/css" rel="stylesheet"/> <link href="css/blue2.css" type="text/css" rel="stylesheet"/> <link href="css/rightbt.css" type="text/css" rel="stylesheet"/> </head> <body> <ul id="idmenu"> <li><a href="#" id="idTestLink">File</a> <ul> <li><a href="#" >New</a></li> <li><a href="#" >Open</a></li> <li><a href="#" >Open Recent</a> <ul> <li>/home/user/documents/mnmenu-userguide.pdf</li> <li>/home/user/documents/TakingOverTheWorldIn10days.pdf</li> <li>/home/user/documents/WorldDominationForDummies.pdf</li> <li>/home/user/documents/HowToUninstallWindows.pdf</li> </ul> </li> <li><hr></hr></li> <li><a href="#" >Save</a></li> <li><a href="#">Save as...</a></li> <li><a href="#" >Quit</a></li> </ul> </li> <li><a href="#" id="id31">Sales</a> <ul> <li><a href="#" id="id32">Accounts</a></li> <li><a href="#" id="id33">Companies</a></li> <li><a href="#" id="id34">Leads</a></li> <li><a href="#" id="id35">Activities</a> <ul> <li><a href="#" id="id36">Calls</a></li> <li><a href="#" id="id37">Tasks</a></li> <li><a href="#" id="id38">Meetings</a></li> </ul> </li> </ul> </li><li><a href="#" id="id39">Master</a> <ul> <li> <a href="#" id="id3a">Company</a></li> <li><a href="#" id="id3b">System</a> <ul> <li><a href="#" id="id3c">Places</a> <ul> <li><a href="#" id="id3d">Countries</a></li> <li><a href="#" id="id3e">States</a></li> <li><a href="#" id="id3f">Postal Codes</a></li> </ul> </li> <li><a href="#" id="id40">Currency</a></li> <li><a href="#" id="id41">Taxes</a></li> <li><a href="#" id="id42">Invoice Series</a></li> </ul> </li> <li> <a href="#" id="id43">Issues</a> <ul><li><a href="#" id="id44">Types</a></li> <li><a href="#" id="id45">Solutions</a></li> </ul> </li> <li><a href="#" id="id46">Users</a></li> </ul> </li> <li> <a href="#">Menu</a> <ul> <li><a href="#">Level M-1</a></li> <li><a href="#">Level M-2</a></li> <li><a href="#">Level M-3</a></li> <li><a href="#">Level M-4</a></li>

评论收藏

内容反馈

版权申诉