位置: 编程技术 - 正文

分享我的jquery实现下拉菜单心的(jquery mobile app案例)

编辑:rootadmin

推荐整理分享分享我的jquery实现下拉菜单心的(jquery mobile app案例),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery实例,jquery实训,jquery的认识和使用,jquery实战,jquery实例,jquery实战,jquerymobile实例网站,jquery作品,内容如对您有帮助,希望把文章链接给更多的朋友!

摘要:

  jquery库给我们带来了很多方便的地方,使用jquery实现一个简单的下拉菜单已经是很简单了,但也有不同的实现方法。今天自己使用jquery写了一个下拉菜单,参考了Xiaofeng Wang的SexyDropDownMenu,其中还是有一些东西感觉值得记录一下。

实现:

  首先上他的代码(把全部的代码贴上来太长了,就捡部分吧),

  一、html中ul列表

  其中为六层深度的菜单结构,如下图

  二、js部分(css就不贴出来了)

  第一部分:

  添加了下了菜单的一个触发按钮

分享我的jquery实现下拉菜单心的(jquery mobile app案例)

  第二部分:

  绑定了一个click事件的处理函数

  触发按钮被click后给下拉菜单最外层的li绑定hover处理函数,感觉是比较巧妙的地方。

  给最外层的li绑定hover函数,这里处理函数写的是当鼠标悬停在li上时不做任何处理(第一函数为空),当鼠标离开时li收起。

  这样一来,后面展开ul的菜单都是最外层的li里面,这样菜单就不会自动收起了,也就是等于是鼠标离开了整个菜单,li会自动收起。

  第三部分:

  给菜单下中嵌套的ul的hover事件绑定函数,用于展开和收起下一级菜单

  $(this).find("ul.submenu:first")也是比较巧妙的通过find获得当前匹配元素集合中每个元素的后代,并通过“ul.submenu:first”筛选活动下一代元素给以展开。

  同时也给下一级菜单绑定了收起的处理函数,与触发菜单中click给最外层li绑定的收起函数一同作用,是想菜单的自动收起功能。

总结:

  其中展现了jquery筛选器的强大和灵活,也体现jquery优美的链式语法。

下面给大家分享一段纯jQuery水平下拉菜单实现

实例解析jQuery插件EasyUI最常用的表单验证规则 例如:校验输入框只能录入0-之间最多有2位小数的数字表单inputtype="text"id="rate"name="rate"required="true"class="easyui-validatebox"validType="rateCheck[0,]"maxlength="6

jQuery插件EasyUI校验规则 validatebox验证框 Web前端数据校验组件Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦!i

轻松学习jQuery插件EasyUI EasyUI创建CRUD应用 数据收集并妥善管理数据是网络应用共同的必要。CRUD允许我们生成页面列表,并编辑数据库记录。本教程将向你演示如何使用jQueryEasyUI框架实现一个CRUD

标签: jquery mobile app案例

本文链接地址:https://www.jiuchutong.com/biancheng/373860.html 转载请保留说明!

上一篇:jQuery随手笔记之常用的jQuery操作DOM事件(jquery 随机函数)

下一篇:实例解析jQuery插件EasyUI最常用的表单验证规则(jquery插件怎么写)

  • 个人所得税纳税义务人
  • 赞助支出和广告支出的区别
  • 销售部门领用材料用于销售计入
  • 应收账款的账龄在年报的哪里
  • 怎么看运费
  • 医疗服务有增值业务吗
  • 法人私户转公户怎么操作
  • 增值税进项税转出政策依据
  • 合同上怎么注明开具6%的含税普通发票
  • 转移性支出主要影响社会的什么领域
  • 农村电网维护费会计分录
  • 房地产企业利息资本化条件有哪些
  • 结转完工入库产品成本计算
  • 转出上年的进项税额怎么做分录
  • 变更银行手机号需要去银行吗
  • 企业维修厂房购进材料怎样做账务处理?
  • 材料盘亏可收回成本吗
  • 职工福利费在期间费用表中怎么填
  • 核定征收的企业需要成本发票吗
  • 附加税是地方还是国家的
  • 小规模纳税人未建账处罚
  • 国家税务总局11号令
  • 2021年购买车辆的进项税能抵扣吗
  • 公司开一般户弊端
  • 税收征收管理权是什么
  • 科研费收入如何入账?
  • 公司注销要交分红税吗
  • 鸿蒙怎么开启个性化桌面
  • win11windows键没反应
  • 车辆购置税为什么查不到发票信息
  • 修改系统帐户用什么软件
  • 公司买了一辆二手汽车,怎么入账
  • fodhelper.exe是什么程序
  • 详谈的详是什么意思
  • PHP:mcrypt_generic_deinit()的用法_Mcrypt函数
  • 购买免税农产品的会计分录
  • 水利建设基金申报表哪里
  • React Hook - useEffecfa函数的使用细节详解
  • php获取文件名称
  • 劳动法中迟到半小时扣多少钱
  • 加工行业增值税负率一般控制在多少?
  • 企业的日常活动都有哪些
  • 三栏式明细账需要每笔结余额吗
  • 会计要考哪些证书,难度如何
  • 企业所得税营业收入怎么填
  • 关联企业利息费用债资比
  • SQL Server实现split函数分割字符串功能及用法示例
  • 计提坏账准备和确认坏账损失
  • 以前年度损益调整会计分录
  • 应收账款是指什么
  • 汇算清缴退税怎么回事
  • 开发成本怎么做分录
  • 制造费用和直接人工的关系
  • 汽修厂印花税怎么交
  • 建筑工程劳务分包合同范本2019
  • 车船税收费标准
  • 对公账户明细入账怎么查
  • 美国支票名字不一致
  • 数据库表的创建心得体会
  • 苹果电脑怎么锁文件夹
  • linux安装c环境
  • linux进程管理器
  • win8.1电脑设置在哪里
  • hptlbxfx.exe
  • win7文件访问被拒绝怎么办
  • win7网络访问权限
  • linux 多块硬盘虚拟成一块
  • 列举css的三种应用方式
  • ajax成功不走success
  • perl -i -pe
  • opengles入门
  • kindeditor获取内容
  • JavaScript Math.ceil() 函数使用介绍
  • jQuery中select与datalist制作下拉菜单时的区别浅析
  • Unity3D中ScreenPointToRay函数的分析-个人见解
  • 安卓手机管家推荐
  • 粮食的增值税税率怎么算
  • 河南个人医保缴费查询
  • 如何找回电子税务局企业密码
  • 被标记为广告推销的电话能接吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设