繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
纯css打造绿色横向二级导航菜单代码
[打印本頁]
作者:
y0y0
時間:
2012-5-27 07:50
標題:
纯css打造绿色横向二级导航菜单代码
本帖最後由 y0y0 於 2012-5-27 10:25 編輯
下載
(21.23 KB)
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>
複製代碼
圖片附件:
20120311072937850.jpg
(2012-5-27 10:25, 21.23 KB) / 下載次數 2857
http://258club.com/discuz/attachment.php?aid=4483&k=97d104082469bfdd392292ea787323bc&t=1732340285&sid=oufV8r
作者:
0857
時間:
2012-5-27 07:51
謝謝分享~~ˊ ˇ ˋ
圖死啦.......
作者:
凌羽
時間:
2012-5-28 15:07
感谢分享~
作者:
秋枫
時間:
2012-5-28 17:54
謝謝分享!
作者:
52kd
時間:
2012-6-1 17:56
感谢分享
作者:
jddl
時間:
2012-6-2 11:32
请问在哪放代码····
作者:
lxqhl
時間:
2012-6-10 23:32
{:6_219:}呼呼哈哈
作者:
k530131
時間:
2012-7-2 01:34
我正在製作一個網站就是需要這種島航!!
作者:
youlancao
時間:
2012-7-12 18:18
请问此代码放在哪里?
作者:
章鱼
時間:
2012-7-12 21:04
这是纯CSS么.....
作者:
fwiflof
時間:
2012-8-21 16:21
謝謝分享>W<
作者:
8686868
時間:
2012-8-21 17:05
非常谢谢!
作者:
大白兔
時間:
2012-8-23 18:34
想换个颜色》》》》》
作者:
sanxiren
時間:
2012-9-9 00:33
回復
1#
y0y0
代码放那啊?
作者:
liangweisee
時間:
2012-11-14 14:19
本帖最後由 liangweisee 於 2012-11-14 14:21 編輯
回復
1#
y0y0
界面效果看上去不错。谢谢分享了。抱走~~~
P.S:说代码嘛没说放哪,这怎么行。
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://258club.com/discuz/)
Powered by Discuz! 7.2