<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple jQuery Dropdowns</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/> <!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /> <![endif]--> <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.dropdownPlain.js"></script></head><body> <div id="page-wrap"> <img src="images/title.png" alt="Simple jQuery Dropdowns" /> <p><a href="index-hoverIntent.html">With hoverIntent</a> | <a href="http://css-tricks.com/simple-jquery-dropdowns/">Article</a> | <a href="http://css-tricks.com/examples/SimplejQueryDropdowns.zip">Download</a></p> <ul class="dropdown"> <li><a href="#">For Facilities</a> <ul class="sub_menu"> <li><a href="#">Artificial Turf</a></li> <li> <a href="#">Batting Cages</a> <ul> <li><a href="#">Indoor</a></li> <li><a href="#">Outdoor</a></li> </ul> </li> <li><a href="#">Benches & Bleachers</a></li> <li><a href="#">Communication Devices</a></li> <li><a href="#">Dugouts</a></li> <li><a href="#">Fencing & Windscreen</a></li> <li><a href="#">Floor Protectors</a></li> <li><a href="#">Foul Poles</a></li> <li><a href="#">Netting</a></li> <li><a href="#">Outdoor Furniture & Storage</a></li> <li><a href="#">Outdoor Signs</a></li> <li><a href="#">Padding</a></li> <li><a href="#">Scoreboards</a></li> <li><a href="#">Shade Structures</a></li> <li><a href="#"> - VIEW ALL - </a></li> </ul> </li> <li><a href="#">Field Maintenance</a> <ul class="sub_menu"> <li><a href="#">All-in-One Team Cart</a></li> <li><a href="#">Air & Electrical Reels</a></li> <li><a href="#">Field Drags</a></li> <li> <a href="#">Field Marking Equipment</a> <ul> <li><a href="#">Batter's Box Templates</a></li> <li><a href="#">Dryline Markers</a></li> <li><a href="#">Field Paint</a></li> <li><a href="#">Field Sprayers</a></li> <li><a href="#">Stencils</a></li> </ul> </li> <li> <a href="#">Field Tarps</a> <ul> <li><a href="#">Area Tarps</a></li> <li><a href="#">Growth Covers / Protectors</a></li> <li><a href="#">Infield Tarps</a></li> <li><a href="#">Tarp Accessories</a></li> </ul> </li> <li><a href="#">Hand Tools</a></li> <li> <a href="#">Irrigation, Hoses, Nozzles</a> <ul> <li><a href="#">Hoses & Hose Reels</a></li> <li><a href="#">Irrigation</a></li> <li><a href="#">Nozzles</a></li> </ul> </li> <li><a href="#">Layout & Measurement Tools</a></li> <li><a href="#">Moisture Removal</a></li> <li><a href="#">Mound & Home Plate Fortification</a></li> <li><a href="#">Mowers & Stripers</a></li> <li><a href="#">Soil & Enviornmental Management</a></li> <li><a href="#">Soil Amendments</a></li> <li><a href="#">Spreaders & Sweepers</a></li> <li><a href="#"> - VIEW ALL - </a></li> </ul> </li> <li><a href="#">Game-Practice Equipment</a> <ul class="sub_menu"> <li> <a href="#">Baseball - Softball</a> <ul> <li><a href="#">Base Accessories</a></li> <li><a href="#">Bases & Home Plates</a></li> <li><a href="#">Game Accessories</a></li> <li><a href="#">Pitching Rubbers</a></li> </ul> </li> <li> <a href="#">Batting Practice Equipment</a> <ul> <li><a href="#">Backstops</a></li> <li><a href="#">Infield Screens</a></li> <li><a href="#">Jugs Pitching Machines</a></li> <li><a href="#">Turf Mats</a></li> <li><a href="#">Turf Protectors</a></li> <li><a href="#">Replacement Accessories</a></li> </ul> </li> <li> <a href="#">Batting Cages</a> <ul> <li><a href="#">Indoor</a></li> <li><a href="#">Outdoor</a></li> </ul> </li> <li> <a href="#">Portable Mounds</a> <ul> <li><a href="#">Batting Practice Mounds</a></li> <li><a href="#">Game Mounds</a></li> <li><a href="#">Practice Mounds</a></li> </ul> </li> <li> <a href="#">Football</a> <ul> <li><a href="#">First Down Markers</a></li> <li><a href="#">Football Accessories</a></li> <li><a href="#">Football Goalposts</a></li> </ul> </li> <li> <a href="#">Soccer</a> <ul> <li><a href="#">Soccer Goals</a></li> <li><a href="#">Soccer Accessories</a></li> </ul> </li> <li><a href="#"> - VIEW ALL - </a></li> </ul> </li> <li><a href="#">Training & Conditioning</a> <ul class="sub_menu"> <li><a href="#">Ladders & Sticks</a></li> <li><a href="#">Hurdles</a></li> <li><a href="#">Training Accessories</a></li> <li><a href="#">Smart-Cart Training System</a></li> <li><a href="#">Smart-Hurdle Collection</a></li> <li><a href="#"> - VIEW ALL - </a></li> </ul> </li> <li><a href="#">Books-Videos</a> <ul class="sub_menu"> <li><a href="#">Field Design & Maintenance</a></li> <li><a href="#">Turf Management</a></li> <li><a href="#">Training</a></li> <li><a href="#"> - VIEW ALL - </a></li> </ul> </li> </ul> </div></body></html>
相关资源：jquery点击经过显示下拉菜单
