凹丫丫网络社区 » 【网页编程】 » 教你DIV+CSS制作另一导航条效果

乖乖狗 发表于 2008-6-29 19:33

教你DIV+CSS制作另一导航条效果

<P><STRONG><FONT color=teal>&lt;style&gt;<BR>#nav{background:#000; font-size:12px; float:left; margin-left:50px; width:250px; padding:50px;}<BR>#nav div{margin:8px;}<BR>#nav span{display:none; display:block;}<BR>#nav a{color:#666;text-decoration:none; display:block;}<BR>#nav a:hover {display:block;left:-10px;position:absolute;color:#fff;border-bottom: 12px solid #fff;line-height:0px;}<BR>&lt;/style&gt;　<BR>&lt;div id="nav"&gt;<BR>&nbsp;&lt;ul&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="</FONT></STRONG><A href="http://www.cssbbs.com"><STRONG><FONT color=teal>http://www.cssbbs.com</FONT></STRONG></A><STRONG><FONT color=teal>"&gt;网站首页&lt;/a&gt;&lt;/li&gt;<BR>&nbsp; &lt;li&gt;&lt;a href="</FONT></STRONG><A href='http://www.cssbbs.com">CSS'><STRONG><FONT color=teal>http://www.cssbbs.com"&gt;CSS</FONT></STRONG></A><STRONG><FONT color=teal>论坛&lt;/a&gt;&lt;/li&gt;<BR>&nbsp; &lt;li&gt;&lt;a href="</FONT></STRONG><A href='http://www.cssbbs.com">W3C</a></li'><STRONG><FONT color=teal>http://www.cssbbs.com"&gt;W3C&lt;/a&gt;&lt;/li</FONT></STRONG></A><STRONG><FONT color=teal>&gt;<BR>&nbsp; &lt;li&gt;&lt;a href="</FONT></STRONG><A href="http://www.cssbbs.com"><STRONG><FONT color=teal>http://www.cssbbs.com</FONT></STRONG></A><STRONG><FONT color=teal>"&gt;网站欣赏&lt;/a&gt;&lt;/li&gt;&nbsp; <BR>&nbsp; &lt;li&gt;&lt;a href="</FONT></STRONG><A href="http://www.cssbbs.com"><STRONG><FONT color=teal>http://www.cssbbs.com</FONT></STRONG></A><STRONG><FONT color=teal>"&gt;学习乐园&lt;/a&gt;&lt;/li&gt;<BR>&nbsp; &lt;li&gt;&lt;a href="</FONT></STRONG><A href='http://www.cssbbs.com">cssbbs'><STRONG><FONT color=teal>http://www.cssbbs.com"&gt;cssbbs</FONT></STRONG></A><STRONG><FONT color=teal>欢迎您&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;/ul&gt;<BR>&lt;/div&gt;</FONT></STRONG></P>
<P><A href="http://www.cssbbs.com/bbs/viewthread.php?tid=153&amp;extra=page%3D1"></A>&nbsp;</P>

轩辕 发表于 2008-6-30 15:42

记号，有用的东西

轩辕 发表于 2008-6-30 15:44

试了一下，闪动得很厉害

稻草人 发表于 2008-6-30 21:22

怀疑是广告/:yy38

红土 发表于 2008-7-18 01:10

呼呼``

[size=2]呵呵~up......[/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]

[size=2][/size]
[size=2][/size]
[size=2][/size]
[url=http://www.blog-travel.info/][size=1][color=silver]驴友博客[/color][/url][/size]

查看完整版本: 教你DIV+CSS制作另一导航条效果