HTML:
社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > js教程 > js实现的常用的左侧导航效果_javascript技巧

js实现的常用的左侧导航效果_javascript技巧

WBOY
发布： 2016-05-16 17:19:48
原创
1350 人浏览过

常用的左侧导航效果，JS简单，为提高导航性能而生，各位可以 参考应用。

效果展示：
js实现的常用的左侧导航效果_javascript技巧 
HTML:

复制代码 代码如下:

JS：
复制代码 代码如下:

$(".menu_list li").mouseenter(function(){
$(".menu_box").show();
var nav_index = $(".menu_list li").index(this);
$(".menu_cont").eq(nav_index).show()//滑动菜单对应当前内容
.siblings().hide();
}) ;
$(".menu").mouseleave(function(){

$(".menu_box").hide();
}) ;
相关标签：
导航 左侧
来源：php.cn
上一篇：jQuery实现等比例缩放大图片让大图片自适应页面布局_jquery 下一篇：给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
通过添加 Width 属性将内容向左移动 我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...
来自于 2024-04-06 22:01:35
0
3
816
如何在 CSS 中使浮动元素垂直堆叠而不是水平堆叠？ 我正在尝试制作一个包含两列的网页，一侧具有主要内容，另一侧具有额外的内容。但是因为我使用浮动属性将额外的列向左对齐，所以它水平堆叠，但我希望它垂直堆叠。我当前的代码：.topich...
来自于 2024-04-06 20:45:26
0
2
386
放大 d3.js 时散点图点不会保持值 这是我第一次使用d3.js，所以请耐心等待。我在vue.js文件中将其作为纯JavaScript实现。我正在尝试制作具有缩放功能的散点图。到目前为止，我几乎一切正常，但当我缩放时，...
来自于 2024-04-06 18:16:26
0
1
403
显示隐藏的侧面板：选中 我希望在侧面板中有一个导航菜单，可以通过动画汉堡菜单切换到视图。我想仅使用CSS创建它，而不使用任何JS。:checked伪类似乎是可行的方法，但我无法让它工作。到目前为止我拥有的...
来自于 2024-04-06 15:49:33
0
1
319
修复图像和名称位置 我试图编写一个网站代码，但图像和名称(Administracija)出现在左侧，但它们应该出现在搜索栏所在的位置。@importurl('https://fonts.googlea...
来自于 2024-04-05 10:41:36
0
1
3578
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板