html代二级菜单的实例,jquery实现树形二级菜单实例代码

jquery实现的树形列表菜单(Menu Tree)

.padding {height:300px;}

This copyright notice must be kept untouched in the stylesheet at

all times.

The original version of this stylesheet and the associated (x)html

is available at http://www.jb51.net

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any

way to fit your requirements.

#wrap {position:relative; height:200px; width:130px; z-index:100;}

#nav {position:absolute; left:0; top:0;}

#nav,

#nav ul {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; background:#fff; font-weight:bold;}

#nav li a {padding-left:20px; white-space:nowrap;}

#nav li ul li a {padding-left:0;}

#nav ul {padding-left:20px;}

#nav li a {color:#66b; text-decoration:none; font-size:11px;}

#nav li {font-size:13px; line-height:25px; color:#d80; cursor:pointer; width:100%;}

#nav li.down {text-indent:20px;}

#nav li a:hover {text-decoration:underline;}

This copyright notice must be untouched at all times.

Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.

$(document).ready(function() {

$("ul#nav ul").hide();

$('ul#nav li:has(ul)').each(function(i) {

$(this).children().slideUp(400);

});

$('li.p1:has(ul)').click(function(event){

if (this == event.target) {

current = this;

$('ul#nav li:has(ul)').each(function(i) {

if (this != current) {$(this).children().slideUp(400);}

});

$(this).children("ul:eq(0)").slideToggle(400);

}

});

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/343665.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【渝粤教育】 国家开放大学2020年春季 2246社会工作概论 参考试题

试卷代号:2302 2 0 2 0年春季学期期末统一考试 供应链管理 试题 2020年7月 一、单项选择题(每小题2分,共20分,将正确答案填入括号内) 1.供应链管理是一种全新的管理理念和方法,其核心是强调运用…

每个Java学习者都会犯的10大常见错误1

据说:“您的朋友会吞下您的错误,您的敌人会将它们呈现在盘子上”。 我绝对不是你的敌人,但我想向您介绍一些针对每个Java初学者的错误,我将在此博客“标牌”上就此做错。 当然只有我从CodeGym.cc课程分析系统收集的内容。 如果您还…

mac os 开启redis_Mac下配置Redis服务器(自启动、后台运行) | 学步园

Redis服务器在从诸多文章上看来,是个极为优秀的Key-value数据库软件。其NB之处可以从这篇文章中略知一二。主要参考首先是安装,它会默认安装到/usr/local/bin下cd /tmpwget http://redis.googlecode.com/files/redis-2.6.9.tar.gztar -zxf redis-2.6.9.t…

光端机使用时出现了故障怎样定位和处理

光端机,就是光信号传输的终端设备,但是客户在使用光端机的过程中难免会碰到一些问题,那么,我们在使用光端机时出现了故障该怎样定位和处理呢?接下来就由杭州飞畅科技的小编来为大家详细介绍下光端机出现故障时该怎样分…

【渝粤教育】 国家开放大学2020年春季 2412基础写作 参考试题

试卷代号:2437 座位号 2 0 2 0年春季学期期末统一考试 微积分基础 试题 2020年7月 附表 导数基本公式: 积分基本公式: 一、单项选择题(每小题4分,共20分) 1.函数的定义域为( ). A&a…

使用计算机时 开关机顺序会,电脑如何正确开关机

电脑如何正确开关机要使用电脑必须启动它,要停用电脑的时候必须要关闭,电脑如何正确开关机呢?下面是小编分享的经验,一起来看一下吧。电脑开机正确步骤1、先把总电源打开。就是接通主机与显示器的总电源。一般是一个插排&#xff…

【渝粤教育】 国家开放大学2020年春季 2542行政组织学 参考试题

试卷代号:2588 座位号 2 0 2 0年春季学期期末统一考试 管理线性规划入门 试题 2020年7月 一、单项选择题(每小题6分,共30分) 1.下列( )为单位矩阵。 A. B. C. D. 2&#…

cpythonjavagolang_cpython:列表对象(PyListObject)的扩容机制

list object可变对象头ob_item: 指向分配的空间,元素是指针allocated: 真实容量.Objects/listobjects.c/* Ensure ob_item has room for at least newsize elements, and set* ob_size to newsize. If newsize > ob_size on entry, the content* of the new slot…

【渝粤教育】 国家开放大学2020年春季 2716动物营养基础 参考试题

试卷代号:2721 座位号 2 0 2 0年春季学期期末统一考试 乡镇行政管理试题 2020年7月 一、单项选择题(每小题1分,共10分,每小题只有一项答案正确,请将正确答案的序号填在括号内) 1. 1926年出版了世…

开关量光端机产品特点及应用范围介绍

飞畅科技生产的开关量光端机为纯开关量(告警量)光端机提供1-7路开关量在光纤中传输,该产品解决了电磁干扰、地环干扰和雷电破坏的难题,提高了数据通讯的可靠性、安全性和保密性,可广泛用于各种工业控制、过程控制和交通控制等场合&#xff0c…

【渝粤教育】 国家开放大学2020年春季 2773特种动物养殖 参考试题

试卷代号:2779 座位号 2 0 2 0年春季学期期末统一考试 植物病虫害防治基础 试题 2020年7月 一、单项选择题(每小题3分,共60分) 1.非传染性病害与传染性病害诊断程序的不同在于( )。 A.田间观察 B&#xff0…

计算机网络系统什么组成,计算机网络系统是由什么组成的

计算机网络系统是由网络硬件和网络软件组成的。在网络系统中,硬件的选择对网络起着决定的作用,而网络软件则是挖掘网络潜力的工具。一般是指极端机设备、传输介质、和网络连接设备。至2011年,网络连接设备有很多,功能不一&#xf…

ds1302典型应用原理图_不同类型的光纤激光器,在工业中有哪些典型应用

激光器根据材料分类可分为光纤激光器、半导体激光器、固体激光器与C02激光器等。而在整个激光器的工业应用中,光纤激光器独树一帜,近几年发展速度最快。目前光纤激光器的种类越来越多,根据激光输出时域特性的不同,可以将光纤激光器…

【渝粤教育】 国家开放大学2020年春季 3962金融营销基础 参考试题

试卷代号:3983 座位号口口 2 0 2 0年春季学期期末统一考试 品牌管理 试题 2020年7月 一、单项选择题(在各题的备选答案中,只有1项是正确的,请将正确答案的序号填写在题中的括号内,每个小题2分,共20分&#…

webapp文本编辑器_Project Student:维护Webapp(可编辑)

webapp文本编辑器这是Project Student的一部分。 其他职位包括带有Jersey的 Web服务 客户端,带有Jersey的 Web服务服务器 , 业务层 , 带有Spring数据的持久性 ,分片集成测试数据 , Webservice集成 , JPA标准…

交换机的端口结构及端口类型

交换机在同一时刻可进行多个端口对之间的数据传输。每一端口都可视为独立的物理网段(注:非IP网段),连接在其上的网络设备独自享有全部的带宽,无须同其他设备竞争使用。那么,你对于交换机的端口结构及端口类…

【渝粤教育】国家开放大学2018年春季 0025-22T数据结构 参考试题

编号:0025 座位号: 17-18学年第1学期期末考试 数据结构 试题 一、选择题:(每题2分,共20分) 1.在一个单链表中,若要向指针p指向的结点之后插入一个由指针q指向的结点,则…

qt 加载rtsp流_qt_ffmpeg_rtsp 在QT中拉取RTSP视频流并用FFMPEG解码播放 - 下载 - 搜珍网...

压缩包 : d078f445f64e4d494b78433595b8954d.zip 列表FFmpeg-QT-rtsp/FFmpeg-QT-rtsp/README.mdFFmpeg-QT-rtsp/VideoPlayer_2.proFFmpeg-QT-rtsp/bin/FFmpeg-QT-rtsp/bin/VideoPlayer_2.exeFFmpeg-QT-rtsp/bin/avcodec-58.dllFFmpeg-QT-rtsp/bin/avdevice-58.dllFFmpeg-QT-rts…

表示微型计算机系统稳定性,计算机基础知识(三)135

135、微型计算机的运算器、控制器和内存存器的总称是()A 主机B MPUC ALUD CPU136、在微型计算机中,控制器的基本功能是()A 存储各种控制信息B 保持各种控制状态C 实现算数运算和逻辑运算D 控制机器各个部件协调一致工作137、硬盘与软盘相比()A 硬盘容量小B 硬盘旋转…

【渝粤教育】国家开放大学2018年春季 0077-21T古代汉语专题 参考试题

试卷编号:0077 2017—2018学年度第二学期期末考试 古代汉语专题试题 2018年7月 一、名词解释(每小题5分,共20分) 1.图画文字2.意动动词3.反切注音 4.区别字 1. 朋 2. 宁 3. 监…