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>


<style type="text/css">
* { margin:0; padding:0; }
dl { width: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>






本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/07/01/1768867.html,如需转载请自行联系原作者
目录
相关文章
|
4月前
|
前端开发
Wordpress自定义鼠标样式插件
使用此插件可一键自定义Wordpress前端鼠标指针样式。利用该插件,站长可以快速实现替换多种鼠标指针样式于网站前端。,该插件允许用户一键自定义网站前端的鼠标指针样式,提供多种图案选择。插件资源来源于网络并已开源,无商业性质。包含插件截图和使用教程:用户可从蓝奏云或GitHub下载插件zip文件,然后在WordPress中安装。
95 6
|
JavaScript
JS 原生实现Tab栏的切换
JS 原生实现Tab栏的切换
101 1
|
监控
监控页面滑到底部加载事件的jq
监控页面滑到底部加载事件的jq
75 0
|
JavaScript
原生js写的一个下拉框功能插件
用原生js写的一个下拉框功能插件
201 0
|
JavaScript 前端开发 索引
jQuery 实现导航栏切换
jQuery 实现导航栏切换
jQuery 实现导航栏切换
|
前端开发 CDN
jq超级简易选项卡案例
jq超级简易选项卡案例
228 0
jq超级简易选项卡案例
使用JQ实现点击其他区域关闭窗口的功能
使用JQ实现点击其他区域关闭窗口的功能