鼠标放在菜单上下拉列表

$(".wrap li").hover(function () {
$(this).children("ul").slideToggle();
});

});
</script>
</head>
<body>
<div class="wrap">
<ul>
<li>
<a href="#">一级菜单1</a>
<ul>
<li><a href="#">二级菜单1</a></li>
<li><a href="#">二级菜单2</a></li>
<li><a href="#">二级菜单3</a></li>
</ul>
</li>
<li>
<a href="#">一级菜单1</a>
<ul>
<li><a href="#">二级菜单1</a></li>
<li><a href="#">二级菜单2</a></li>
<li><a href="#">二级菜单3</a></li>
</ul>
</li><li>
<a href="#">一级菜单1</a>
<ul>
<li><a href="#">二级菜单1</a></li>
<li><a href="#">二级菜单2</a></li>
<li><a href="#">二级菜单3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

、、、、、、、、、CSS省略、、、、、、、、、、、、、、、、、

效果图如下

时间： 2024-12-16 16:41:11

鼠标放在菜单上下拉列表的相关文章

CSS如何实现当鼠标放在图片上时改变边框

CSS如何实现当鼠标放在图片上时改变边框:建议:尽可能的手写代码,可以有效的提高学习效率和深度.很多网页都有这样的效果,当鼠标放在图片链接上的时候,图片的边框会发生变化.下面就简单介绍一下如何实现此种效果.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww

怎样可以实现鼠标放在网页上的文字时，不出现I形状的标记，并且不能选则文字

css.让这部分区域的 cursor: default; 可以不显示I型的鼠标光标 不能选择文字.这个需求只能满足现代浏览器,老旧的IE8及以下的浏览器不能实现.以下上让某个div里的文字不能选中 1 2 3 4 5 6 div{     user-select: none;      -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select:none; }

JavaScript 图片放大看！- 放大镜效果 -鼠标放在图片上某个点：出现放大效果的图片

1张图片-放大镜: 缺点:1张图片若为小图,小图放大后图像不清晰(若为大图,则不存在这个问题) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 1张图片 放大镜:</title> <style> /* reset css 样式重置 */ body,p,pre,h1,h2,h3,h4,h5,h

jQuery鼠标放在图片上显示大图和和图片信息

jQuery代码 <script type="text/javascript"> var date = { "images/003.png": ["images/003.png", "人物1", "185"], "images/004.png": ["images/004.png", "人物2", "165"], &

当鼠标放在按钮上时让指针变为手型

首先添加样式: <style>.hand {cursor:hand}</style><body> <a class="hand" href="http://www.vbinfo.net">我的家园</a></body> 对应属性: cursor:hand 与 cursor:pointer 的区别 cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标

Bootstrap3基础 disabled 多选框 鼠标放在方框与文字上都出现禁止标识

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Firefox / Chrome   bootstrap:3.3.7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

【转】使用Eclipse，将鼠标放在相应方法或字段等元素上时，无法显示提示

使用Eclipse编写java代码时,将鼠标放在相应方法或字段等元素上时,会有对应的说明或提示. 不过,常出现下面的问题: Note:An exception occurred while getting the javadoc.see log for details. Note:This   element   neither   has   attached   source   nor   attached   Javadoc   and      hence   no   informa

css 鼠标放在一个div上，另一个div展示出来

鼠标放在一个div上,另一个div展示出来. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>鼠标悬停图片上显示文字 在线演示 www.divcss5.com</title> <style> img{border:0}/* css 注释说明:设置图片边框为0 */ body{behavior:url("csshover

OpenLayers 3 之 添加地图鼠标右键菜单

添加右键菜单,首先我们要监听鼠标右键点击的操作,我们知道鼠标右键事件名是 contextmenu,当鼠标在 html 元素之上,点击鼠标右键,便会触发 contextmenu 事件,在 contextmenu 事件的回调函数中实现相应的显示菜单功能即可. 那么在 openlayers 中,在地图中添加这个事件,我们从哪里下手呢?首先我们得了解 openlayers 的初始化页面的过程. openlayers 初始化页面过程 openlayers 也是一个前端库,那么它肯定离不开 html 的运用