zoukankan
html css js c++ java
Jq简单伸缩菜单
<!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-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script> <script> $(document).ready(function() { $('dt:first').css('border-top-width','0'); $('dd:not(:first)').hide(); //第一个展开 //$('dd').hide(); //第一个不展开 $('dt').click(function() { $('dd').slideUp(500); $(this).next().slideDown(500); }); }); </script> <style type="text/css"> * { margin:0; padding:0; } dl { 300px; font-size:12px; text-align:center; margin:10px; border:1px #ADCD3C solid; } dt { cursor:pointer; font-size:14px; font-weight:bold; line-height:30px; background:#F0FBEB; } dt { border-top:1px #dedede solid; } ul { list-style-type:none; } li { background:#F2FDDB; line-height:25px; border-top:1px #9BDF70 solid; } .line { border-top:1px #dedede solid; } </style> </head> <body> <dl> <dt>第一章</dt> <dd> <ul> <li>我的祖国</li> <li>我的祖国</li> <li>我的祖国</li> <li>我的祖国</li> </ul> </dd> <dt>第二章</dt> <dd> <ul> <li>小英雄喜洋洋</li> <li>小英雄喜洋洋</li> <li>小英雄喜洋洋</li> <li>小英雄喜洋洋</li> </ul> </dd> <dt>第三章</dt> <dd> <ul> <li>唐诗宋词赏析</li> <li>唐诗宋词赏析</li> <li>唐诗宋词赏析</li> <li>唐诗宋词赏析</li> </ul> </dd> </dl> </body> </html>
运行代码
查看全文
相关阅读:
Windows netstat
LOIC Download
Open CV 环境配置
C++ strcat_s
c++ strlen() 函数
css实现1px 像素线条_解决移动端1px线条的显示方式
css中line-height的理解_介绍line-height实际应用
css 分割线样式_css实现文章分割线的多种方法总结
css获取除第一个之外的子元素
css实现div多边框_box-shadow模拟多边框、outline描边实现
原文地址:https://www.cnblogs.com/jikey/p/1768867.html
最新文章
electron关于无边框窗口无法拖拽移动以及点击事件失效的问题
Express 中间件
Electron对JQuery的支持问题
文字不换行,超出部分变为点点点“...”
electron-Menu创建原生应用菜单和上下文菜单。
${__setProperty 等常见jmeter参数相关博客汇总
BeanShell用法汇总(部分摘抄至网络)
Jmeter 获取CSV行数
Jmeter CSV操作
jmeter XLSX 读取
热门文章
jmeter BeanShell实例-----两个变量之间的断言对比(转)
梯度
Beanshell post processor写文件
Jmeter 跨线程组传递参数 之两种方法(转)
jmeter 与 json
windows 嵌入控制台
Windows 获取控制台窗口句柄
C/C++ Microsoft Visual Studio c++ DOC Home
C/C++ nullptr
Windows API
Copyright © 2011-2022 走看看