Discuz教程网

请高手指导下,怎么显示下拉菜单,我发代码,你们看看

[复制链接]
authicon 不死不活 发表于 2010-10-26 06:17:53 | 显示全部楼层 |阅读模式

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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" />
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
background:#666;
}
#nav {
margin:100px;
list-style:none;
}
#nav li {
float:left;
background:#000
}
#nav li dl{
        display:none;}
#nav li a {
padding:10px 20px;
background:#000;
color:#FFF;
text-decoration:none;
text-transform:capitalize;
display:block;
margin:3px;
width:20px;
}
#nav li a:hover {
color:#000;
background:#ccc;
border:1px;
solid #000;
}
#nav li a:hover{
        display:block;}
</style>
<title>无标题文档</title>
</head>
<body>
<ul id="nav">
<li><a href="#">home</a>
<dl>
<dd><a href="#" >hsdh</a></dd>
<dd><a href="#" >sdasdasd</a></dd>
<dd><a href="#" >asdad</a></dd>
</dl>
</li>
<li><a href="#">about</a></li>
<li><a href="#">jsyjf</a></li>
<li><a href="#">sdffs</a></li>
<li><a href="#">wlb</a></li>
<li><a href="#">klhjs</a></li>
<li><a href="#">wegdd</a></li>
</ul>
</body>
</html>




上一篇:求助,该图片滚动效果为什么能在IE6中进行而不能在IE7中进行?
下一篇:学习HTML最好的网站,还可以在线实践,不好你揍我!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 19:04

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表