简要教程 这是一款使用jquery来制作的仿旅游网站侧边栏菜单特效。该侧边栏菜单在鼠标滑过菜单项时,会显示出该项目下的所有子项,非常的实用。 使用方法 在页面中引入样式文件style.css和jquery.min.js文件。 HTML结构 该侧边栏菜单的HTML结构如下: 旅游产品导航 出境游 泰国 首尔 曼谷 大阪 普吉岛 > 泰国 沙巴 新加坡 菲律宾 ...... 印度尼西亚 沙巴 新加坡 ...... JavaScript 在页面DOM元素加载完毕之后,通过下面的jquery代码来为侧边栏菜单项添加鼠标滑过事件。 $(function(){ $(".product_sort .bd .item").hover(function(){ $(this).addClass("layer"); },function(){ $(this).removeClass("layer"); }); })