购物网站的导航效果，推荐！
<P>把如下代码复制到<head>与</head>之间</P><P><style type="text/css"><BR><!--<BR>body {<BR> FONT-SIZE: 12px; COLOR: #414141; FONT-FAMILY: "宋体", Arial, Helvetica, sans-serif; text-align: center;<BR>}<BR>.public_top_window {<BR> WIDTH: 608px; HEIGHT: 154px; BORDER-RIGHT: #b39f86 1px solid; PADDING-RIGHT: 28px; BORDER-TOP: #b39f86 1px solid; PADDING-LEFT: 28px; PADDING-BOTTOM: 3px; BORDER-LEFT: #b39f86 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #b39f86 1px solid; BACKGROUND-COLOR: #fff<BR>}<BR>.public_top_window A:link {<BR> COLOR: #0041d3; TEXT-DECORATION: none<BR>}<BR>.public_top_window A:visited {<BR> COLOR: #0041d3; TEXT-DECORATION: none<BR>}<BR>.public_top_window A:hover {<BR> COLOR: #ff7000; TEXT-DECORATION: underline<BR>}<BR>.public_top_window A:active {<BR> COLOR: #bc2931; TEXT-DECORATION: underline<BR>}<BR>.public_top_window {<BR> PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px<BR>}<BR>.public_top_window ul {<BR> PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 688px; PADDING-TOP: 10px; BORDER-BOTTOM: #d1cfd0 1px dotted; liST-STYLE-TYPE: none<BR>}<BR>.public_top_window ul li {<BR> DISPLAY: block; FLOAT: left; WIDTH: 86px; liNE-HEIGHT: 20px<BR>}<BR>.public_top_window ul h2 {<BR> FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 52px; MARGIN-RIGHT: 14px; PADDING-TOP: 3px; HEIGHT: 16px; BACKGROUND-COLOR: #f6791f; TEXT-AliGN: center<BR>}<BR>.public_top_window ul h2 A:link {<BR> COLOR: #fff; TEXT-DECORATION: none<BR>}<BR>.public_top_window ul h2 A:visited {<BR> COLOR: #fff; TEXT-DECORATION: none<BR>}<BR>.public_top_window ul h2 A:hover {<BR> COLOR: #fff; TEXT-DECORATION: underline<BR>}<BR>.public_top_window ul .h_bj {<BR> BACKGROUND-COLOR: #00a881<BR>}<BR>.public_top_window .reduce_h {<BR> PADDING-BOTTOM: 5px; HEIGHT: 20px<BR>}<BR>.n2Pop {<BR> border: 0px outset #EEEDDD; background-color:#fff; position:absolute; z-index:200;<BR>}<BR>.animatedBox {<BR> position:absolute; visibility:hidden; border: 1px solid gray; background:white; z-index:220;<BR>}<BR>.animatedBoxHollow {<BR> position:absolute; visibility:hidden; border: 1px solid gray; z-index:220;<BR>}<BR>--><BR></style></P>
<P>把如下代码复制到<body>与</body>之间</P>
<P><script language="javascript" src="butong_net_1.js" type="text/javascript"></script><BR><script language="javascript" src="butong_net_2.js" type="text/javascript"></script><BR><a href="<A href="http://www.butong.net/">http://www.butong.net/</A>" name=two-tabs|he|all-categories target="_blank">网页特效库</a><BR><div id=all-categories style="DISPLAY: none;"><BR><div class=public_top_window><BR><ul class=reduce_h><BR> <h2><font color=#ffffff>分 类</font></h2><BR><li><a href="<A href="http://www.butong.net/background/index.htm">http://www.butong.net/background/index.htm</A>" target="_blank">背景按钮</a></li><BR><li><a href="<A href="http://www.butong.net/navigation/index.htm">http://www.butong.net/navigation/index.htm</A>" target="_blank">导航特效</a></li><BR><li><a href="<A href="http://www.butong.net/img/index.htm">http://www.butong.net/img/index.htm</A>" target="_blank">图片特效</a></li><BR><li><a href="<A href="http://www.butong.net/text/index.htm">http://www.butong.net/text/index.htm</A>" target="_blank">文本特效</a></li><BR><li><a href="<A href="http://www.butong.net/time/index.htm">http://www.butong.net/time/index.htm</A>" target="_blank">时间特效</a></li><BR><li><a href="<A href="http://www.butong.net/state/index.htm">http://www.butong.net/state/index.htm</A>" target="_blank">状态特效</a></li><BR><li><a href="<A href="http://www.butong.net/other/index.htm">http://www.butong.net/other/index.htm</A>" target="_blank">另类特效</a></li><BR></ul><BR><ul class=reduce_h><BR> <h2><font color=#ffffff>分 类</font></h2><BR><li><a href="<A href="http://www.butong.net/background/index.htm">http://www.butong.net/background/index.htm</A>" target="_blank">背景按钮</a></li><BR><li><a href="<A href="http://www.butong.net/navigation/index.htm">http://www.butong.net/navigation/index.htm</A>" target="_blank">导航特效</a></li><BR><li><a href="<A href="http://www.butong.net/img/index.htm">http://www.butong.net/img/index.htm</A>" target="_blank">图片特效</a></li><BR><li><a href="<A href="http://www.butong.net/text/index.htm">http://www.butong.net/text/index.htm</A>" target="_blank">文本特效</a></li><BR><li><a href="<A href="http://www.butong.net/time/index.htm">http://www.butong.net/time/index.htm</A>" target="_blank">时间特效</a></li><BR><li><a href="<A href="http://www.butong.net/state/index.htm">http://www.butong.net/state/index.htm</A>" target="_blank">状态特效</a></li><BR><li><a href="<A href="http://www.butong.net/other/index.htm">http://www.butong.net/other/index.htm</A>" target="_blank">另类特效</a></li><BR></ul><BR><ul class=reduce_h><BR> <h2 class=h_bj><font color=#ffffff>分 类</font></h2><BR><li><a href="<A href="http://www.butong.net/background/index.htm">http://www.butong.net/background/index.htm</A>" target="_blank">背景按钮</a></li><BR><li><a href="<A href="http://www.butong.net/navigation/index.htm">http://www.butong.net/navigation/index.htm</A>" target="_blank">导航特效</a></li><BR><li><a href="<A href="http://www.butong.net/img/index.htm">http://www.butong.net/img/index.htm</A>" target="_blank">图片特效</a></li><BR><li><a href="<A href="http://www.butong.net/text/index.htm">http://www.butong.net/text/index.htm</A>" target="_blank">文本特效</a></li><BR><li><a href="<A href="http://www.butong.net/time/index.htm">http://www.butong.net/time/index.htm</A>" target="_blank">时间特效</a></li><BR><li><a href="<A href="http://www.butong.net/state/index.htm">http://www.butong.net/state/index.htm</A>" target="_blank">状态特效</a></li><BR><li><a href="<A href="http://www.butong.net/other/index.htm">http://www.butong.net/other/index.htm</A>" target="_blank">另类特效</a></li><BR></ul><BR></div></div></P> <P>这个值得学习</P>
页:
[1]