<!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>
</head>
<body>
 代码：
<DIV style='BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd' align=center>日志文字</DIV>
代码：
<DIV style='BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffc0cb; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 470px; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 180px; BACKGROUND-COLOR: #ffffe0' align=center>日志文字</DIV>
代码：
<DIV style='BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 312px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 76px; BACKGROUND-COLOR: #ffffcc' align=center>
<DIV align=left><SPAN></SPAN> 文字</DIV></DIV> 代码：
<DIV style='BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc' align=center>
<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV></DIV>
代码：
代码：
<DIV style='BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 88px; BACKGROUND-COLOR: #ffcccc' align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff6699> 文字</FONT></DIV></DIV>
代码：
<DIV style='BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ff99cc; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ff99cc; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ff99cc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffccff; HEIGHT: 111px; BACKGROUND-COLOR: #ffccff' align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff00ff> 文字</FONT></DIV></DIV>
代码：
<DIV align=center>
<DIV style='BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid; WIDTH: 316px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 143px; BACKGROUND-COLOR: #ffe1f0' align=center>
<P align=left><FONT color=#9900cc>粉色透明效果滚动框</FONT></P>
<P align=left> </P></DIV></DIV>
代码：
<DIV style='BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcc99; SCROLLBAR-HIGHLIGHT-COLOR: #ff9966; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ff9966; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcc99; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 111px; BACKGROUND-COLOR: #ffcc99' align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff3300> 文字</FONT></DIV></DIV>
代码：
<DIV style='BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed; SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll; BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM: #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR: #ddcae0' align=left><FONT color=#ff6633>文字</FONT></DIV>
代码：
<DIV style='BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffffcc; SCROLLBAR-HIGHLIGHT-COLOR: #ffcc99; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ffcc99; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffffcc; SCROLLBAR-ARROW-COLOR: #ffcc99; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 111px; BACKGROUND-COLOR: #ffffcc' align=center>
<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV> 代码：
<DIV style='BORDER-RIGHT: #ffcc99 2px solid; BORDER-TOP: #ffcc99 2px solid; SCROLLBAR-FACE-COLOR: #ffffcc; SCROLLBAR-HIGHLIGHT-COLOR: #ffcc99; OVERFLOW: scroll; BORDER-LEFT: #ffcc99 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ffcc99; COLOR: #ffcc99; SCROLLBAR-3DLIGHT-COLOR: #ffffcc; SCROLLBAR-ARROW-COLOR: #ffcc99; BORDER-BOTTOM: #ffcc99 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 111px; BACKGROUND-COLOR: #ffffcc' align=center>
<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV>
代码：
<DIV style='BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed; SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 347px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 125px; BACKGROUND-COLOR: #ffffb4'>
<P><FONT color=#ff9966>日志文字</FONT></P></DIV> 代码：
<DIV style='BORDER-RIGHT: #9966ff 2px solid; BORDER-TOP: #9966ff 2px solid; SCROLLBAR-FACE-COLOR: #9999ff; SCROLLBAR-HIGHLIGHT-COLOR: #9966ff; OVERFLOW: scroll; BORDER-LEFT: #9966ff 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #9966ff; COLOR: #ffcc99; SCROLLBAR-3DLIGHT-COLOR: #9999ff; SCROLLBAR-ARROW-COLOR: #6633ff; BORDER-BOTTOM: #9966ff 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #9999ff; HEIGHT: 111px; BACKGROUND-COLOR: #9999ff' align=center></DIV>
代码：
<DIV style='BORDER-RIGHT: #99ff99 3px dashed; BORDER-TOP: #99ff99 3px dashed; SCROLLBAR-FACE-COLOR: #99ff99; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; OVERFLOW: scroll; BORDER-LEFT: #99ff99 3px dashed; WIDTH: 64.47%; COLOR: #99ff99; BORDER-BOTTOM: #99ff99 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 91px; BACKGROUND-COLOR: #ffffff' align=center>
<P align=left>文字</P></DIV> 代码：
<DIV style='BORDER-RIGHT: #e08caa 3px dashed; BORDER-TOP: #e08caa 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #e08caa; OVERFLOW: scroll; BORDER-LEFT: #e08caa 3px dashed; WIDTH: 362px; COLOR: #e08caa; BORDER-BOTTOM: #e08caa 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #c850ff; HEIGHT: 55px; BACKGROUND-COLOR: #ffffff' align=left>
<P align=left>文字</P></DIV>
代码：
<DIV style='BORDER-RIGHT: #cccc66 3px dashed; BORDER-TOP: #cccc66 3px dashed; SCROLLBAR-FACE-COLOR: #cccc66; SCROLLBAR-HIGHLIGHT-COLOR: #cccc66; OVERFLOW: scroll; BORDER-LEFT: #cccc66 3px dashed; WIDTH: 70.14%; COLOR: #ffff66; BORDER-BOTTOM: #cccc66 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 57px; BACKGROUND-COLOR: #ffffff' align=center>
<P><FONT color=#cc9933>文字</FONT></P></DIV>
代码：：
<DIV style='BORDER-RIGHT: #da70d6 1px dashed; BORDER-TOP: #da70d6 1px dashed; SCROLLBAR-FACE-COLOR: #da70d6; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; OVERFLOW: scroll; BORDER-LEFT: #da70d6 1px dashed; WIDTH: 367px; COLOR: #99ff99; BORDER-BOTTOM: #da70d6 1px dashed; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 70px; BACKGROUND-COLOR: #ffffb4' align=centre><FONT color=#8000ff>文字</FONT></DIV>
代码：
<DIV style='BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #889b9f; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 81px' align=center>
<P align=left>文字</P></DIV>
简单透明滚动框代码：
<DIV style='OVERFLOW: auto; WIDTH: 362px; HEIGHT: 60px'>
<P>文字</P></DIV>
语法为一句代码：
<div style='height:200px;overflow:auto'>
透明滚动框代码：
<DIV style='BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px; BACKGROUND-COLOR: transparent'>
<DIV align=left><FONT color=#8000ff>文字</FONT></DIV></DIV> 全透明滚动框代码：
<DIV style='BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 385px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 105px'>
<P>文字</P></DIV> 白底滚动框代码：
<DIV style='BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 305px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #1e90ff; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 252px; BACKGROUND-COLOR: #ffffff' align=left><FONT color=#6699ff>
<P align=left> 白底滚动框</P></DIV>
<DIV align=left><FONT color=#6699ff></FONT> </DIV></FONT>
滚动框加背景代码：
<TABLE cellSpacing=0 cellPadding=0 background=http://www.urban.ne.jp/home/katoss/sozai_01_12/mozakabe6.gif border=0>
<TBODY>
<TR>
<TD>
<P>
<TABLE cellSpacing=0 cellPadding=0 background=http://www.urban.ne.jp/home/katoss/sozai_01_12/mozakabe6.gif border=0>
<TBODY>
<TR>
<TD>
<DIV style='BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 323px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 85px'>
<P>文字</P>
<P> </P></DIV></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>
左侧滚动文本框代码如下：
<DIV>
<DIV style='BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 445px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 87px; BACKGROUND-COLOR: #fffacd'>
<DIV style='FONT-SIZE: 12px; DIRECTION: ltr; LINE-HEIGHT: 16px'>
<P>文字</P></DIV></DIV>
代码如下：
<DIV style='BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 377px; DIRECTION: rtl; BORDER-BOTTOM: 1px solid; HEIGHT: 62px'>
<DIV style='FONT-SIZE: 12px; DIRECTION: ltr; LINE-HEIGHT: 16px'>
<P>文字</P></DIV></DIV>
 
</body>
</html>