免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

SCLUB免費論壇申請-使用者論壇 » Discuz--代碼美化 » 纯css打造绿色横向二级导航菜单代码

返回列表發帖

Rank: 3 Rank: 3

積分: 475
威望: 475
金錢: 358
最後登錄: 2015-10-3

1^# 跳轉到 » 倒序看帖

字體大小: tT

y0y0發表於 2012-5-27 07:50 | 只看該作者

[分享] 纯css打造绿色横向二级导航菜单代码

本帖最後由 y0y0 於 2012-5-27 10:25 編輯

<!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>纯css打造绿色横向二级导航菜单代码--免费模板</title>
<link rel="stylesheet" href="http://cssdh.mianfeimoban.com/uploadfile/2012/0311/menu1/css/base.css" type="text/css" media="screen" />
<!--[if IE 6]>
<style>
body {behavior: url("http://cssdh.mianfeimoban.com/uploadfile/2012/0311/menu1/csshover3.htc");}
#menu li .drop {background:url("http://cssdh.mianfeimoban.com/uploadfile/2012/0311/menu1/images/arrow.gif") no-repeat right 14px;
</style>
<![endif]-->
</head>
<body>
<div id="menu">
<ul>
<li><a href="#" class="nodrop">首　页</a></li>
<li><a href="#" class="drop">免费模板</a>
<div class="dropdown_1column">
<div class="col_1">
<ul class="simple">
<li><a href="#">导航菜单</a></li>
<li><a href="#">导航条代码</a></li>
<li><a href="#">免费模板</a></li>
<li><a href="#">电子商务人才</a></li>
<li><a href="#">网站推广</a></li>
<li><a href="#">网站优化</a></li>
<li><a href="#">网站制作</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#" class="drop">网站建设</a>
<div class="dropdown_1column">
<div class="col_1">
<ul class="simple">
<li><a href="#">导航条代码</a></li>
<li><a href="#">导航条代码</a></li>
<li><a href="#">免费模板</a></li>
<li><a href="#">电子商务人才</a></li>
<li><a href="#">网站推广</a></li>
<li><a href="#">网站优化</a></li>
<li><a href="#">网站制作</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#" class="drop">网络营销</a>
<div class="dropdown_1column">
<div class="col_1">
<ul class="simple">
<li><a href="#">网站建设</a></li>
<li><a href="#">导航条代码</a></li>
<li><a href="#">免费模板</a></li>
<li><a href="#">电子商务人才</a></li>
<li><a href="#">网站推广</a></li>
<li><a href="#">网站优化</a></li>
<li><a href="#">网站制作</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#" class="drop">网络营销</a>
<div class="dropdown_1column">
<div class="col_1">
<ul class="simple">
<li><a href="#">网站建设</a></li>
<li><a href="#">导航条代码</a></li>
<li><a href="#">免费模板</a></li>
<li><a href="#">电子商务人才</a></li>
<li><a href="#">网站推广</a></li>
<li><a href="#">网站优化</a></li>
<li><a href="#">网站制作</a></li>
</ul>
</div>
</div>
</li>
　　　<li><a href="#" class="nodrop">关于我们</a></li>
　　　<li><a href="#" class="nodrop">联系我们</a></li>
</ul>
</div>
</body>
</html>

複製代碼

Rank: 8 Rank: 8

積分: 5157
威望: 5157
金錢: 9965
最後登錄: 2015-8-22

2^#

0857發表於 2012-5-27 07:51 | 只看該作者

謝謝分享~~ˊ ˇ ˋ
圖死啦.......

Rank: 2

積分: 135
威望: 135
金錢: 59
最後登錄: 2012-8-30

3^#

凌羽發表於 2012-5-28 15:07 | 只看該作者

感谢分享~

Rank: 4

積分: 589
威望: 589
金錢: 755
最後登錄: 2022-8-31

4^#

秋枫發表於 2012-5-28 17:54 | 只看該作者

謝謝分享！

Rank: 3 Rank: 3

積分: 207
威望: 207
金錢: 134
最後登錄: 2013-2-26

5^#

52kd發表於 2012-6-1 17:56 | 只看該作者

感谢分享

Rank: 2

積分: 73
威望: 73
金錢: 75
最後登錄: 2012-7-4

6^#

jddl發表於 2012-6-2 11:32 | 只看該作者

请问在哪放代码····

Rank: 3 Rank: 3

積分: 341
威望: 341
金錢: 191
最後登錄: 2014-2-5

7^#

lxqhl發表於 2012-6-10 23:32 | 只看該作者

{:6_219:}呼呼哈哈

Rank: 3 Rank: 3

積分: 395
威望: 395
金錢: 376
最後登錄: 2012-12-31

8^#

k530131發表於 2012-7-2 01:34 | 只看該作者

我正在製作一個網站就是需要這種島航!!

Rank: 2

積分: 51
威望: 51
金錢: 19
最後登錄: 2013-8-11

9^#

youlancao發表於 2012-7-12 18:18 | 只看該作者

请问此代码放在哪里？

Rank: 7 Rank: 7 Rank: 7

積分: 5635
威望: 5635
金錢: 4993
最後登錄: 2020-5-17

貢獻特別級會員正式版主中級會員高級會員金牌會員論壇元老

10^#

章鱼發表於 2012-7-12 21:04 | 只看該作者

这是纯CSS么.....

章鱼之家代码站
　
　
　
　
　