能具体给我一个制作下拉菜单的代码和方法吗?谢谢!
答案:3 悬赏:80 手机版
解决时间 2021-06-04 10:53
- 提问者网友:無理詩人
- 2021-06-04 05:29
能具体给我一个制作下拉菜单的代码和方法吗?谢谢!
最佳答案
- 五星知识达人网友:雾月
- 2021-06-04 06:10
http://www.pconline.com.cn/pcedu/redian/design/0404/355273.html
网页下拉菜单制作专题
全部回答
- 1楼网友:慢性怪人
- 2021-06-04 07:43
我给代码你放进DW里试试看。
<!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=gb2312" />
<title>出现下拉菜单</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#666;}
#main_nav{ list-style:none; margin:100px;}
#main_nav li{ float:left; background-color:#000;}
#main_nav
li a{ float:left; display:block; padding:10px 20px; background:#000;
color:#fff; text-decoration:none; text-transform:capitalize;}
#main_nav li a:hover{ background:#fc0; color:#000; text-decoration:underline;}
#main_nav li dl{ display:none;}
#main_nav li:hover dl{ display:block;}
</style>
</head>
<body>
<ul id="main_nav">
<li><a href="#">Home</a></li>
<li>
<a href="#">About</a>
<dl>
<dd><a href="#">About us</a></dd>
<dd><a href="#">Team</a></dd>
<dd><a href="#">Corporate culture</a></dd>
</dl>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Client</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Link</a></li>
</ul>
</body>
</html>
这里我就在About里做了一个下拉菜单。细节还没有调整好,效果就是这样子。你看看是不是这种效果。
- 2楼网友:举杯邀酒敬孤独
- 2021-06-04 07:21
[selname=域名][option=http://网址]标题[/option][/sel]
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯