简单的 jQuery 下拉菜单

于 2009-05-27 15:32:54 发布
阅读量84 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery AIR IE XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu_yanhui/article/details/83400822
版权 

<!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下拉菜单流畅版
09-06
### 知识点一：jQuery下拉菜单的基本概念 #### 定义 jQuery下拉菜单是一种常见的用户界面组件，用于提供额外的导航选项或功能设置。这种菜单在鼠标悬停或点击时出现，并且通常包含一系列子菜单项。 #### 功能 - **...
jQuery多级下拉菜单支持多级下拉列表菜单.zip
07-11
jQuery作为一款强大的JavaScript库，提供了丰富的功能来实现动态、交互式的页面效果，其中包括多级下拉菜单的创建。这个名为"jQuery多级下拉菜单支持多级下拉列表菜单"的资源，就是专门为商城网站或企业网站设计的一...
jQuery下拉菜单分类搜索框代码_drop_jQuery下拉菜单分类搜索框代码_
09-30
在网页设计中，jQuery下拉菜单分类搜索框是一种常见的交互元素，它提供了高效且用户友好的导航和搜索体验。这个项目可能包含以下组件和知识点： 1. **jQuery库**: jQuery是一个广泛使用的JavaScript库，简化了DOM...
jQuery网站导航下拉菜单实例
07-24
这个“jQuery网站导航下拉菜单实例”就是针对这一需求的实现方案。 jQuery，一个轻量级的JavaScript库，因其简洁易用的API而广受欢迎，被广泛用于网页交互和动态效果的实现。在这个实例中，我们将探讨如何利用...
jquery下拉菜单
03-27
本篇文章将详细探讨如何利用jQuery创建一个功能丰富的下拉菜单，以及相关的源码分析和使用工具。 首先，下拉菜单在网站导航中扮演着重要角色，它能有效地组织大量链接，节省页面空间。jQuery 提供了动态和交互性的...
电视节目包装与编排笔记.doc
10-12
电视节目包装与编排笔记.doc
2022爱奇亿研发工程师笔试资料2022爱奇亿研发工程师笔试资料
10-12
2022爱奇亿研发工程师笔试资料2022爱奇亿研发工程师笔试资料
基于单片机的远程烟雾报警系统_苏航.pdf
10-12
基于单片机的远程烟雾报警系统_苏航
JAVA医药管理系统设计(LW+源代码).zip
10-12
随着经济的快速发展，世界经济进入整体化，企业的发展突飞猛进，随着企业的大规模发展，企业内部的各种事务也会日益的复杂，工作量也会加大。因此利用先进现代科学技术和先进的管理理念来开发一个管理系统来管理企业的事物是非常必要的。 目前市面上办公自动化系统的特点是以办文处理、档案管理为核心的办公管理系统 。 其主要的功能包括收文管理、发文管理、会议管理、档案管理等内容。系统的高度集成，基于web，知识化和流程化将是办公自动化大发展方向。
三维地球、3D Earth
10-12
三维地球、3D Earth、OBJ格式的通用三维模型
软考高级考试知识点.docx
10-12
软考高级考试涵盖的知识点广泛且深入，以下是一些关键的知识点归纳： 一、信息系统综合知识 信息的定义和属性 信息是客观事物状态和运动特征的一种普遍形式。 信息的分类、定量描述（如香农信息量公式）、传输模型（包括信源、信宿、信道、编码、解码和噪声等）。 信息的质量属性：精确性、完整性、可靠性、及时性、经济性、可验证性和安全性。 信息化 信息化的层次：产品信息化、企业信息化、产业信息化、国民经济信息化和社会生活信息化。 信息化的基本内涵：包括信息化主体、时域、空域、手段、途径和目标等。 “中国制造2025”与信息化的深度融合，以及新一代信息技术的发展和应用。 二、信息系统的生命周期和开发过程 信息系统的生命周期 立项阶段：概念的形成和需求分析。 开发阶段：总体规划、系统分析、系统设计、系统实施和系统验收。 运维阶段：系统维护，包括排错性维护、适应性维护、完善性维护和预防性维护。 消亡阶段：系统更新改造、功能扩展或报废重建等。 需求分析 包括获取用户需求、分析用户需求、编写需求说明书和需求评审等步骤。 系统设计 根据系统分析的结果设计出信息系统的实施方案，包括系统架构设计、数据库设计、处理流
Python 实现SSA-CNN-BiLSTM麻雀算法优化卷积双向长短期记忆神经网络多输入单输出回归预测（包含详细的完整的程序
10-12
主要内容：本文提供了基于SSA优化器调整卷积双向长短期记忆（CNN-BiLSTM）网络的完整实现细节，针对多输入单输出的回归预测问题，涵盖数据生成及预处理流程，详细介绍如何构建复合模型及模型训练和验证。 适用人群：适用于具备一定机器学习基础的研究者及从业人员。 使用场景及目标：该模型主要应用于需要同时考虑时空特性并且从复杂环境中做出高效预测的应用场合，如金融预测等。 其他说明：为了获得更高的精确度以及泛化性能，后续的工作可能会关注超参数的进一步调优和其他模型集成的方法来进一步增强模型的能力。
数字经济时代产品创新的底层逻辑（73页）.pptx
最新发布
10-12
数字经济时代产品创新的底层逻辑（73页）
浅析汉语言文学中语言的应用与意境.pdf
10-12
浅析汉语言文学中语言的应用与意境
高校汉语言文学与人文素质的交融.pdf
10-12
高校汉语言文学与人文素质的交融
大型拖拉机传动系统智能化设计研究.pdf
10-12
大型拖拉机传动系统智能化设计研究
基于机器学习的情绪分类NB+MLKNN算法高分项目+源码NB+MLKNN.zip
10-12
基于机器学习的情绪分类NB+MLKNN算法高分项目+源码NB+MLKNN.zip
新公共管理中影响行政管理效率提升的因素分析.pdf
10-12
新公共管理中影响行政管理效率提升的因素分析
基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip
10-12
基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip基于机器学习的情绪分类NB+SVM算法高分项目+源码.zip个人经导师指导并认可通过的高分项目，评审分98分。主要针对计算机相关专业和需要项目实战练习的学习者，也可作为课程设计、期末大作业。个人经导师指导并认可通过的高分项目，评审分98分。主要针对计算机相关专业和需要项目实战练习的学习者，也可作为课程设计、期末大作业。个人经导师指导并认可通过的高分项目，评审分98分。主要针对计算机相关专业和需要项目实战练习的学习者，也可作为课程设计、期末大作业。个人经导师指导并认可通过的高分项目，评审分98分。主要针对计算机相关专业和需要项目实战练习的学习者，也可作为课程设计、期末大作业。个人经导师指导并认可通过的高分项目，评审分98分。主要针对计算机相关专业和需要项目实战练习的学习者，也可作为课程设计、期
jQuery下拉菜单
07-28
对于 jQuery 下拉菜单，你可以使用以下代码实现： HTML： ```html <select id="myDropdown"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> ``` JavaScript（使用 jQuery）： ```javascript $(document).ready(function() { // 监听下拉菜单的变化事件 $('#myDropdown').change(function() { var selectedOption = $(this).val(); // 获取选中的值 console.log('Selected option: ' + selectedOption); // 执行其他操作或调用其他函数 // ... }); }); ``` 这段代码会在页面加载完成后，监听下拉菜单的变化事件。当用户选择不同的选项时，会触发 `change` 事件，并执行相应的代码。你可以根据需要在事件处理函数中获取选中的值并进行其他操作。 当然，你可以根据具体需求自定义样式和功能，这只是一个基本示例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值