当前位置:JS特效 » 菜单导航 » jQuery仿旅游网站侧边栏菜单特效
 jQuery仿旅游网站侧边栏菜单特效
如果您觉得内容不错,请分享:

插件介绍

这是一款使用jquery来制作的仿旅游网站侧边栏菜单特效。该侧边栏菜单在鼠标滑过菜单项时,会显示出该项目下的所有子项,非常的实用。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:42
简要教程

这是一款使用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");
  });
})
                
Top