点击显示菜单 下拉菜单
常见于登录后的帐号管理等位置,默认是隐藏的,鼠标点击后显示下拉详情
XML/HTML Code
- <div style='margin:50px'>
- <div class="dropdown">
- <a class="account" >
- <span>My Account</span>
- </a>
- <div class="submenu" style="display: none; ">
- <ul class="root">
- li >
- <a href="#Dashboard" >Dashboard</a>
- </li>
- <li >
- <a href="#Profile" >Profile</a>
- </li>
- <li >
- <a href="#settings">Settings</a>
- </li>
- <li>
- <a href="#feedback">Send Feedback</a>
- </li>
- <li>
- <a href="#signout">Sign Out</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
JavaScript Code
- <script type="text/javascript" >
- $(document).ready(function()
- {
- $(".account").click(function()
- {
- var X=$(this).attr('id');
- if(X==1)
- {
- $(".submenu").hide();
- $(this).attr('id', '0');
- }
- else
- {
- $(".submenu").show();
- $(this).attr('id', '1');
- }
- });
- //Mouseup textarea false
- $(".submenu").mouseup(function()
- {
- return false
- });
- $(".account").mouseup(function()
- {
- return false
- });
- //Textarea without editing.
- $(document).mouseup(function()
- {
- $(".submenu").hide();
- $(".account").attr('id', '');
- });
- });
- </script>
相关推荐
C# 点击按钮显示下拉式列表菜单的实例C# 点击按钮显示下拉式列表菜单的实例C# 点击按钮显示下拉式列表菜单的实例C# 点击按钮显示下拉式列表菜单的实例
jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表 jquery html5动画下拉菜单鼠标点击展开多级下拉菜单列表
jquery制作的鼠标经过或者点击显示下拉菜单
jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单 jquery导航条滑动下拉菜单_滑动显示二级下拉菜单
点击出现的下拉菜单,简单设置数据源就可以实现效果
js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码
模拟select点击显示下拉菜单基于CSS3和JS制作,鼠标点击“请选择游戏名称”,显示游戏名称菜单列表。
通过基本控件QPushButton,QWidget,实现下拉菜单,可以展开多级菜单。
jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单
jquery制作的鼠标经过或者点击显示下拉菜单
1.下拉列表控件可以展开为菜单 2.下拉列表可以建立子项
js蓝色通用滑动导航菜单显示下拉菜单效果 js蓝色通用滑动导航菜单显示下拉菜单效果 js蓝色通用滑动导航菜单显示下拉菜单效果 js蓝色通用滑动导航菜单显示下拉菜单效果
下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单下拉魔法菜单
下拉菜单 下拉菜单代码
文档中包括Android实现上下文菜单、下拉菜单、选项菜单代码以及截图,亲测可用!!!
C# winform Combox 下拉菜单 DropDownList 下拉选项空白无法显示文本的解决方案
JS 无限下拉菜单 JS 无限下拉菜单 JS 无限下拉菜单 js下拉菜单 无限下拉菜单 JS 无限下拉菜单
js 特效 html 特效 点击展开的下拉菜单 js 特效 html 特效 点击展开的下拉菜单
收藏的很多下拉菜单的集合包,二级下拉菜单、三级下拉菜单等。
jQuery点击文本框下拉菜单城市选择代码