HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开发工具 查看内容

jQuery仿旅游网站侧边栏菜单特效

2016-11-30 16:27| 发布者: html5cn| 查看: 618| 评论: 0

摘要: 这是一款使用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");

  });

  })

  

    ​    ​​原文链接:http://www.htmleaf.com/jQuery/Menu-Navigation/201611254218.html

  原作者:未知

  本站文章均由 HTML5中国 编辑从其他媒体精选HTML5相关文章转载,仅供网友学习和交流,如果我们的工作有侵犯到您的权益,请及时联系站长QQ:2601929995,我们会在第一时间进行处理!

  投稿: 2601929995@qq.com


鲜花

握手

雷人

路过

鸡蛋

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-2-23 11:05

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部