HTML+CSS结构鼠标点击折叠展开折叠式菜单-网页特效-懒人建站

HTML+CSS结构鼠标点击折叠展开折叠式菜单

JS中的 var number=5; //定义条目数，是控制条目数量的，这个必须和条目数量对应。下面代码中的ShowFLT(1)和id=LM1 是对应的。

<!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>HTML+CSS结构鼠标点击折叠展开折叠式菜单_懒人建站</title>
<meta content="懒人图库" name="keywords" />
<meta name="keywords" content="国外网页设计欣赏,CSS导航菜单,FLSH焦点图,网页特效" />
<meta name="description" content="懒人建站为您提供-JS广告代码，CSS导航菜单，FLSH焦点图片代码，国外网页设计欣赏与模板和CSS技巧

。" />
<style type="text/css">
dl,dt,dd,h5,p{
padding:0px;
margin:0px;
font-size:10pt;}
dl{
width:80%;
height:auto;
display:block;
overflow:hidden;
margin:0 auto;
font-size:10pt;
line-height:160%;}
dt,dt a{
	width:100%;
	height:auto;
	display:block;
	font-weight: bold;
	color:#333;
	font-size:10.5pt;
	cursor:pointer;
	text-decoration: none;
}
dt a:hover{
	text-decoration: underline;
	color: #FF0000;
}
dd,p{
	text-indent: 2em;
}
</style>
</head>

<body>
<script>
var number=5; //定义条目数

中的物资信息查询出来，单击物资信息前的勾选框，可将该物资信息添加到已选择物资信息中，若要去掉该物资信息则同样单击物资信息前面

的勾选框即可。在物资选择窗体中可以将服务器物资编码库同步本地数据库物资编码表。</p>
        </dd>
        <dt onClick=javascript:ShowFLT(4) href="javascript:void(null)"><a href="javascript:;">如何删除</a></dt>
          <dd id=LM4 style="DISPLAY: none">
<p>首先指定年度、月份、计划分类，单击检索按钮检索出某年某月的计划信息，在物资信息前有个复选框，可以通过勾选或全选，选中要删除

的物资信息，然后单击删除按钮或工具栏上的删除按钮即可。
</p>
        </dd>
        <dt onClick=javascript:ShowFLT(5) href="javascript:void(null)"><a href="javascript:;">如何保存</a></dt>
          <dd id=LM5 style="DISPLAY: none">
<p>首先指定年度、月份、计划分类，单击检索按钮检索出某年某月的计划信息，然后在该计划的物资明细列表中直接修改物资信息，如数量、

单价等信息，修改完成后单击保存按钮或者工具栏上的保存按钮即可实现计划的修改。</p>
        </dd>
        </dl>

<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
<span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站网 收集整理</a> </span><br>
<a href="http://www.51xuediannao.com">懒人建站 http://www.51xuediannao.com</a><br /><br/>
<span>我们为您提供-JS代码，网页图标，网页欣赏模板，SEO优化和各种建站技巧；</span><br />
<span>懒人建站只收录实用和能提高用户体验的代码</span><br />
<span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span>
</div>

</body>
</html>
<script type="text/javascript">
var __aObj=document.getElementsByTagName("a");
var __length=__aObj.length;
for(var i=0;i<__length;i++){
	__aObj[i].onfocus=function(){this.blur();}
}
</script>

代码说明:

修改方法：
JS中的 var number=5; //定义条目数
是控制条目数量的，这个必须和条目数量对应

下面代码中的ShowFLT(1)和id=LM1 是对应的。

<dl>
<dt onClick=javascript:ShowFLT(1) href="javascript:void

(null)"><a href="javascript:;">懒人建站</a></dt>
<dd id=LM1 style="DISPLAY: none">
<h5><a href="http://51xuediannao.com/HTML+CSS"> HTML+CSS模板_懒人建站</a></h5>
<p>我们为您提供-HTML+CSS模板，JS代码，网页图标，网页欣赏模板，

SEO优化和各种建站技巧；
</p>
</dd>
</dl>

TAG标签

弹出层 jQuery 图片展示下拉菜单左右滚动选项卡二级导航 jQuery弹出层

来源：懒人建站|发布人：懒人建站|2009-11-17|热度：次|收藏|报错