js二级联动菜单

时间：2022-07-02 15:02:45 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.***w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title></title>
<style type="text/<a href=" http: target="_blank">css">
ul,li,dl,dd {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu1{
	
	border:1px solid #feb951;
	background:#fef4ea;
	padding-top:3px;
	font-size:12px;
}
.lbox_bot {
	
	overflow:hidden;
	background:url(../images/lbox_bot.gif) 0 0 no-repeat;
}
.area li{
	
	line-
	text-align:left;
	position:relative;
}
.area li a {
	display:block;
	padding-left:20px;
}
.area li dl {
	
	overflow:hidden;
	display:none;
	position:absolute;
	top:-1px;
	right:-182px;
	z-index:35533;
	border:1px solid #feb951;
	background:#fef4ea;
	padding:5px 0;
}
.area li dl a:hover {
	border:1px solid #feb951;
	background:#fff;
	margin:0 5px;
	padding-left:14px;
}
.area li.lion {
	
	line-
	text-align:left;
	border-top:1px solid #ffb850;
	border-bottom:1px solid #ffb850;
	background:#ffe7cc;
}
.area li.lion dl {display:block;}
</style>

<dl>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		<dd></dd>
		</dl>
		</li>
		
	</ul>
</div>
<script type="text/javascript">
function onload() {
    try{
	var lies = document.getElementById("area").getElementsByTagName("li");
	for (var i=0; i< lies.length; i++) {
			lies[i].onmouseover= function() {
			this.className="lion";
			}
			lies[i].onmouseout= function() {
			this.className="";
			}
	}
	}
	catch(e){}
}
onload();
</script>
www.111com.net

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js二级联动菜单

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程