Javascript 滑动效果菜单 TreeView [Javascript]

前言

这个滑动菜单写了蛮久了，当时没有被用上，现在要用了又翻出来了，毕竟不是网上下载扒的，自己写的，所以还是分享一下，觉得有时间还是尽量自己写的好，呵呵:)

正文

还是先来一张效果图吧:

效果一般，觉得还行，就是收缩的时候有时候抖，不太明白:-(

以下是调用部分的JS代码，比较方便:

1. 这个menu是DIV的id号,body里面加入<div id="menu"></div>就行了，注意给js加上defer，或者js代码放在div的后面也行。

2. 目前实现的是点一个展开一个，不收缩其他栏目，收缩其他栏目的在TreeView.js里面也写好了，在展开或收缩之前调用noneExpand就行了

3. 注意目前只适用于二级栏目的 :-(

Demo下载地址:

TreeView

结束

自己动手，丰衣足食!!欢迎指点、批评:)

转载于:https://blog.51cto.com/over140/586553

Javascript 滑动效果菜单 TreeView [Javascript]相关推荐

php图片滑动的属性,JavaScript_javascript图片滑动效果实现，本文为大家分享了javascript图片 - phpStudy...
javascript图片滑动效果实现本文为大家分享了javascript图片滑动效果实现方法,具体内容如下,先看一下效果图: 鼠标滑过那张图,显示完整的哪张图,移除则复位: 简单的CSS加JS操作D ...
自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果
本文实例讲解了javascript鼠标右键菜单的实现方法,分享给大家供大家参考,具体内容如下效果图: 具体代码: #menu{ border:solid 1px gray; width:100px; ...
Javascript滑动菜单（一）
一.开篇在研究CS08的时候,看到后台管理的Dashboard滑动按钮做得很漂亮,于是自己就动手写了一个,在这里与大家分享.菜单展开可以是鼠标点击按钮,也可以是鼠标移动到按钮上,在这里先介绍鼠标点击 ...
【JavaScript】（9）——实例：滑动效果的弹出框
背景:用户的需求千奇百怪,为了满足用户对界面的需求,我这只小菜鸟也是"拼了小命"了.弹出框,大家都很熟悉吧,但是在弹出框中加上滑动效果,这个就是有点小难了,为了这个效果我也是搜寻了 ...
php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果，看了javascript网页特效实例大全 - phpStudy...
使用javascript实现雪花飘落的效果看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈 ...
css的滑动门效果,JS+CSS实现简易实用的滑动门菜单效果
本文实例讲述了JS+CSS实现简易实用的滑动门菜单效果.分享给大家供大家参考.具体如下: 这是一个简洁实用的CSS+JavaScript滑动门导航菜单,写时候,我尽量用最少的代码写出兼容性好的代码,希 ...
简单下拉菜单html,JavaScript简单下拉菜单实例代码
本文实例讲述了JavaScript简单下拉菜单实例代码.分享给大家供大家参考.具体如下: 这是一款JavaScript实现的下拉菜单演示代码,带渐变效果的CSS+jQuery菜单,向下滑出型的菜单,最 ...
JavaScript经典效果集锦
转自:蓝色理想申请加精,只有这样本帖子才不会沉下去,感觉这个帖子对大家很有用的! 一实用且必用的小脚本代码: 脚本1:进入主页以后自动播放声音复制内容到剪贴板代码: <embed src ...
JavaScript经典效果集锦(转)
JavaScript经典效果集锦(转) 转自:蓝色理想申请加精,只有这样本帖子才不会沉下去,感觉这个帖子对大家很有用的! 一实用且必用的小脚本代码: 脚本1:进入主页以后自动播放声音复制内容到剪 ...

Javascript 滑动效果菜单 TreeView [Javascript]

Javascript 滑动效果菜单 TreeView [Javascript]相关推荐

最新文章

热门文章