当前位置：懒人建站 > 网页特效 > HTML+CSS结构鼠标点击折叠展开折叠式菜单

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

作者：佳明妈来源：懒人建站 2009-11-17 人气：

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>

↓ 查看全文

本文链接：HTML+CSS结构鼠标点击折叠展开折叠式菜单https://www.51xuediannao.com/js/texiao/zhedie.html

HTML+CSS结构鼠标点击折叠展开折叠式菜单由懒人建站收集整理，您可以自由传播，请主动带上本文链接

懒人建站就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。

上一篇：个性化链接中的title提示JS特效
下一篇：类似QQ的竖向展开折叠菜单HTML+CSS结构

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

HTML+CSS结构鼠标点击折叠展开折叠式菜单-最新评论

网页特效-热门文章

网页特效-推荐文章

活跃用户

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

HTML+CSS结构鼠标点击折叠展开折叠式菜单-相关文章

HTML+CSS结构鼠标点击折叠展开折叠式菜单-最新评论

网页特效-热门文章

网页特效-推荐文章

活跃用户