Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
必火AI
数字人一站式创作平台
蜂小推
不扣量的项目推广平台
趣网商城
私密生活好物,隐私配送,无痕购物
爱派AiPy
一款可本地部署的AI智能体,帮你操作电脑、手机、服务器设备
码上飞(CodeFlying)
用一句话自动生成小程序、APP、H5网页应用
沁言学术
AI智能学术研究平台,覆盖科研全流程服务
Trae
字节跳动推出的 AI原生编程工具
AiPPT
全智能AI一键生成 PPT
扣子Coze
职场AI,就用扣子

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

jQuery-menu-aim

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/kamens/jQuery-menu-aim
描述信息:一个jQuery下拉菜单插件
GitHub

Amazon网站分类导航的下拉菜单被使用得非常频繁,但你有没有注意过它的反应非常迅速?

menu-aim 是一个 jQuery 下拉菜单插件,该插件能够甄别用户是尝试移动鼠标到下拉列表项还是将鼠标移至子菜单内容上。  


使用如下:

 $("#menu").menuAim({
     activate: $.noop,  // fired on row activation
     deactivate: $.noop  // fired on row deactivation
 });

以下选项可以传递给menuAim。所有函数都使用相关行的HTML元素作为执行上下文('this')执行:

 .menuAim({
     // Function to call when a row is purposefully activated. Use this
     // to show a submenu's content for the activated row.
     activate: function() {},

     // Function to call when a row is deactivated.
     deactivate: function() {},

     // Function to call when mouse enters a menu row. Entering a row
     // does not mean the row has been activated, as the user may be
     // mousing over to a submenu.
     enter: function() {},

     // Function to call when mouse exits a menu row.
     exit: function() {},

     // Function to call when mouse exits the entire menu. If this returns
     // true, the current row's deactivation event and callback function
     // will be fired. Otherwise, if this isn't supplied or it returns
     // false, the currently activated row will stay activated when the
     // mouse leaves the menu entirely.
     exitMenu: function() {},

     // Selector for identifying which elements in the menu are rows
     // that can trigger the above events. Defaults to "> li".
     rowSelector: "> li",

     // You may have some menu rows that aren't submenus and therefore
     // shouldn't ever need to "activate." If so, filter submenu rows w/
     // this selector. Defaults to "*" (all elements).
     submenuSelector: "*",

     // Direction the submenu opens relative to the main menu. This
     // controls which direction is "forgiving" as the user moves their
     // cursor from the main menu into the submenu. Can be one of "right",
     // "left", "above", or "below". Defaults to "right".
     submenuDirection: "right"
 });

menu-aim假设您使用的子菜单扩展到菜单右侧。当用户的鼠标进入新的下拉项目以及有意悬停该项目时,它将触发事件

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/1672

更多»
热门资源
jquery插件库
收集最全最新最好的jQuery插件
官网
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网
GitHub
Waterfall.js
瀑布流无限加载插件
官网
GitHub
Raty
一个非常棒的jQuery 评分插件
官网
GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网
GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网
GitHub
jcarousel
jQuery轮播图插件
官网
GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网
GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
lazyload.js
jquery图片懒加载插件
官网
GitHub
类似于jQuery-menu-aim的资源
Arctext.js
基于 CSS3 & jQuery 的文本弯曲效果
官网
GitHub
multiscroll.js
一款jQuery左右垂直反向滚动插件
官网
GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网
GitHub
daterangepicker
一款jquery日期范围选择器插件
官网
GitHub
query-mousewheel
一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。
官网
GitHub
OwlCarousel2
支持触摸屏的响应式jQuery旋转木马插件
官网
GitHub
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
jQuery-contextMenu
jQuery右键菜单插件
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。