jq 怎么单击实现下拉菜单-趣百科

jq 怎么单击实现下拉菜单

编辑：Simone 2025-02-18 06:22:08 550 阅读

jq 怎么单击实现下拉菜单

做网站经常要应用到下拉菜单，下面逐步用代码演示jq点击实现下拉菜单显示效果

这里新建一个html文件

这里引入jquery.1.8.2.js和1.css文件

这里加入一个层id="tushu"

这里定义tushu层的样式

这里用jq定义点击tushu层

这里定义下拉菜单id为all 层

这里定义下拉菜单样式，每个选项样式基本一样，主要是top不一样

这里先定义下拉菜单隐藏然后单击tushu层，下拉菜单显示

这里增加鼠标移开tushu层或者鼠标移开下拉菜单下拉菜单自动隐藏，如果鼠标在下拉菜单内移动，菜单仍然显示

这里浏览器显示鼠标点击图书，下拉菜单自动显示

jq 怎么单击实现下拉菜单