上面是效果图片. html 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.111cn.net> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <t
本文实例讲述了JS实现无限级网页折叠菜单(类似树形菜单)效果代码.分享给大家供大家参考.具体如下: 这是一款超不错的网页折叠菜单,采用JavaScript实现.折叠菜单是大家比较常见到的一种菜单形式,可广泛应用于管理系统.后台左侧.产品列表中,本折叠菜单有点树形菜单的味道,相信"无限级"会满足你的要求. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-unlimit-fade-in-out-tree-menu-codes/ 具体代
本文实例讲述了JavaScript实现的经典文件树菜单效果.分享给大家供大家参考.具体如下: 这是一款简单的JavaScript文件树菜单,经典的树形菜单,特别是文件夹的样式比较经典,折叠和展开也很流畅自然,不过本款菜单有一个缺点,就是菜单的数据写在JS的数组里,这样一来多多少少对菜单内容的修改造成一定麻烦. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-file-tree-style-menu-codes/ 具体代码如下: <!DO
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-
本文实例讲述了基于jquery实现的树形菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的树形菜单代码,点击菜单项可以向下滑出对应的二级菜单,效果流畅自然. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-tree-style-show-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E
本文实例讲述了JS实现新浪博客左侧的Blog管理菜单效果代码.分享给大家供大家参考,具体如下: 这里介绍新浪博客左侧的Blog管理菜单,我们变通一下,如果你在设计程序,那么本款菜单用到后台管理中想必应该很合适吧,图片是调用新浪的,用了比较多的图片,你用的时候最好是下载到本地,以免新浪哪天改版了,你就傻了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-blog-left-menu-style-codes/ 具体代码如下: <ht
简要教程 aimaraJS是一款非常实用的纯javascript响应式多级目录树结构插件.该目录树可以动态添加和删除树节点,可以制作多级树结构,每个节点上可以都带有右键上下文菜单,并且每个节点上都可以配置不同的图标.它的特点有: 可以创建一个基本的树结构并渲染它. 可以实时添加和删除树节点. 可以显示不同的树节点图标. 在树节点打开和关闭的时候可以自定义事件. 每个树节点上都可以制作右键上下文菜单. 使用方法 使用该幻灯片插件需要在页面中引入Aimara.css和Aimara.js文件. <
虽然样式上仿的天猫,但主要是让大家了解下拉的样式结构. 页面内都有注释,如果对参数不了解,多alert一下,这个的js基本没什么特别的算法,主要是 在写这样下拉样式的,html 的结构,我觉得很不错,当然,天猫那个侧栏会复杂点,但原理是一样的,样式上可改性还算蛮高的. 参数直接调用说明: 代码如下 复制代码 $(window).p10({ a:$('激活二级栏目的按钮'), b:$('二级栏目区域'), c:$('二级栏目内的按钮'), d:$('三级栏目区域'
二级菜单B 二级菜单B_1 二级菜单B_1_1 二级菜单B_1_1_1 二级菜单B_1_1_2 二级菜单B_1_1_3 二级菜单B_1_1_4 二级菜单B_1_1_5 二级菜单B_1_1_6 二级菜单B_1_1 二级菜单B_1_2_1 二级菜单B_1_2_2 二级菜单B_1_2_3 二级菜单B_1_2_4 二级菜单B_1_2_5 二级菜单B_1_2_6 二级菜单B_1_1 二级菜单B_1_3_1 二级菜单B_1_3_2 二级菜单B_1_3_3 二级菜单B_1_3_4 二级菜单B_1_3_5 二级