實用表格滾動條導航制作

日 志 鏈 接 與 導 航 博友日志鏈接  01. 名稱  02. 名稱  03. 名稱  04. 名稱  05. 名稱  06. 名稱  07. 名稱  08. 名稱  09. 名稱 博客素材導航  01. 名稱  02. 名稱  03. 名稱  04. 名稱  05. 名稱  06. 名稱  07. 名稱  08. 名稱  09. 名稱 音畫視屏欣賞  01. 名稱  02. 名稱  03. 名稱  04. 名稱  05. 名稱  06. 名稱  07. 名稱  08. 名稱  09. 名稱 代 碼 如 下 <CENTER><TABLE style="CURSOR: url('http://www./cursor/mouse038.ani'); BACKGROUND-IMAGE: url(http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0092.gif)" borderColor=#0000ff cellSpacing=2 cellPadding=3 width=570 bgColor=#dddddd border=1 heihgt="90%"> <TBODY> <TR> <TD align=middle bgColor=#0066ff colSpan=3 height=33> <DIV style="FONT-SIZE: 18pt; FILTER: dropshadow(color=#ffffaa,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B>日 志 鏈 接 與 導 航 </B></DIV></TD> <TR> <TD> <TABLE width=185 align=center border=0> <TBODY> <TR> <TD align=middle bgColor=#889b95 height=30><FONT color=#ffffaa size=3><B>博友日志鏈接</B></FONT></TD> <TR> <TD align=LEFT bgColor=#5f9f9f> <DIV style="SCROLLBAR-FACE-COLOR: #6495eb; OVERFLOW: auto; WIDTH: 185px; HEIGHT: 120px">  <FONT color=#ffffaa><B>01.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>02.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>03.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>04.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>05.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>06.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>07.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>08.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>09.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></B></FONT><BR></DIV></TD></TR></TR></TBODY></TABLE></TD> <TD> <TABLE width=185 align=center border=0> <TBODY> <TR> <TD align=middle bgColor=#889b95 height=30><FONT color=#ffffaa size=3><B>博客素材導航</B></FONT></TD> <TR> <TD align=LEFT bgColor=#5f9f9f> <DIV style="SCROLLBAR-FACE-COLOR: #00ff00; OVERFLOW: auto; WIDTH: 185px; HEIGHT: 120px">  <FONT color=#ffffaa><B>01.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>02.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>03.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>04.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>05.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>06.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>07.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>08.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>09.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></B></FONT><BR></DIV></TD></TR></TR></TBODY></TABLE></TD> <TD> <TABLE width=185 align=center border=0> <TBODY> <TR> <TD align=middle bgColor=#889b95 height=30><FONT color=#ffffaa size=3><B>音畫視屏欣賞</B></FONT></TD> <TR> <TD align=LEFT bgColor=#5f9f9f> <DIV style="SCROLLBAR-FACE-COLOR: #00ff00; OVERFLOW: auto; WIDTH: 190px; HEIGHT: 120px">  <FONT color=#ffffaa><B>01.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>02.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>03.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>04.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>05.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>06.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>07.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>08.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></FONT><BR>  <FONT color=#ffffaa><B>09.</B> <A href="http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名稱</FONT></A></B></FONT><BR></DIV></TD></TR></TR> </TBODY></TABLE></TD></TR></TR></TBODY></TABLE></CENTER> 說 明∶這是表格與滾動條的組合代碼,。這里的藍色,、粉色、淺藍色的代碼分別為單獨的三組滾動條代碼,、只是把其分別加到了橙顏色的這組一行三列表格代碼中的三個表中了生成的效果,。照此可作二列四列或更多式樣。這里的黃色代碼為背景圖片地址,、紅色代碼為滾動拉條顏色,、其他的顏色、寬,、高均可自行嘗試調(diào)整,。