jq 怎么单击实现下拉菜单
的有关信息介绍如下:做网站经常要应用到下拉菜单,下面逐步用代码演示jq点击实现下拉菜单显示效果
这里新建一个html文件
这里引入jquery.1.8.2.js和1.css文件
这里加入一个层id="tushu"
这里定义tushu层的样式
这里用jq定义点击tushu层
这里定义下拉菜单id为all 层
这里定义下拉菜单样式,每个选项样式基本一样,主要是top不一样
这里先定义下拉菜单隐藏然后单击tushu层,下拉菜单显示
这里增加鼠标移开tushu层或者鼠标移开下拉菜单下拉菜单自动隐藏,如果鼠标在下拉菜单内移动,菜单仍然显示
这里浏览器显示鼠标点击图书,下拉菜单自动显示