欢迎访问《矿产勘查》编辑部
欢迎来到《矿产勘查》编辑部网站!在这里,您可以了解到关于矿产勘查的最新资讯、技术文章和行业动态。我们的编辑部致力于为广大矿产勘查从业者提供一个交流学习的平台,共同推动矿产勘查行业的发展。
网站功能简介
鼠标悬停事件:当鼠标进入或离开
.navigation li
元素时,会触发相应的事件。这样可以实现导航菜单的下拉显示和隐藏效果。下拉菜单:当鼠标进入导航项时,
.navigation li
元素内的dl
子元素会以淡入的方式展示,实现下拉菜单的效果。下拉菜单收起:当鼠标离开导航项时,
.navigation li
元素内的dl
子元素会以淡出的方式隐藏,实现下拉菜单的收起效果。
代码示例
$(document).ready(function () {
// hover property will help us set the events for mouse enter and mouse leave
$('.navigation li').hover(
function () { // When mouse enters the .navigation element
// Fade in the navigation submenu
$('dl', this).fadeIn(); // fadeIn will show the sub cat menu
},
function () { // When mouse leaves the .navigation element
// Fade out the navigation submenu
$('dl', this).fadeOut(); // fadeOut will hid
}
);
});