精美的移動導(dǎo)航鏈接表格
1.立體效果
效果:
導(dǎo)航名稱
導(dǎo)航內(nèi)容A導(dǎo)航內(nèi)容B導(dǎo)航內(nèi)容C導(dǎo)航內(nèi)容D導(dǎo)航內(nèi)容E導(dǎo)航內(nèi)容F導(dǎo)航內(nèi)容G導(dǎo)航內(nèi)容H導(dǎo)航內(nèi)容I導(dǎo)航內(nèi)容J點擊回首頁代碼:
<TABLE borderColor=#666666 cellSpacing=2 height=300 cellPadding=0 width=205 align=center border=5>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=1)" align=middle bgColor=#888888 height=36><FONT face=宋體 color=#ff00ff size=5><B>導(dǎo)航名稱</B></FONT></TD></TR>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=up>
<TABLE borderColor=#888888 cellSpacing=2 width="100%" border=2>
<TBODY>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址A" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容A</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址B" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容B</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址C" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容C</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址D" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容D</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址E" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容E</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址F" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容F</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址G" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容G</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址H" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容H</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址I" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容I</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址J" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容J</FONT></A></TD></TR></TBODY></TABLE></MARQUEE>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=380, Strength=1)" align=middle bgColor=#888888 height=36><A href="首頁地址" target=_blank><FONT face=宋體 color=#00ffff size=4>點擊回首頁</FONT></A> </TD></TR></TBODY></TABLE>
2.帶背景效果:
效果:
導(dǎo)航名稱
導(dǎo)航內(nèi)容A導(dǎo)航內(nèi)容B導(dǎo)航內(nèi)容C導(dǎo)航內(nèi)容D導(dǎo)航內(nèi)容E導(dǎo)航內(nèi)容F導(dǎo)航內(nèi)容G導(dǎo)航內(nèi)容H導(dǎo)航內(nèi)容I導(dǎo)航內(nèi)容J點擊回首頁代碼:
<TABLE borderColor=#666666 cellSpacing=2 height=300 cellPadding=0 width=205 align=center border=5>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=1)" align=middle bgColor=#888888 height=36><FONT face=宋體 color=#ff00ff size=5><B>導(dǎo)航名稱</B></FONT></TD></TR>
<TBODY>
<TR>
<TD background=http://image55.360doc.com/DownloadImg/2012/11/1222/28182107_3.gif>
<MARQUEE scrollAmount=2 direction=up>
<TABLE borderColor=#888888 cellSpacing=2 width="100%" border=2>
<TBODY>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址A" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容A</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址B" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容B</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址C" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容C</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址D" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容D</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址E" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容E</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址F" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容F</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址G" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容G</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址H" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容H</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址I" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容I</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址J" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容J</FONT></A></TD></TR></TBODY></TABLE></MARQUEE>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=380, Strength=1)" align=middle bgColor=#888888 height=36><A href="首頁地址" target=_blank><FONT face=宋體 color=#00ffff size=4>點擊回首頁</FONT></A> </TD></TR></TBODY></TABLE>
3.閃邊效果:
效果:
導(dǎo)航名稱
導(dǎo)航內(nèi)容A導(dǎo)航內(nèi)容B導(dǎo)航內(nèi)容C導(dǎo)航內(nèi)容D導(dǎo)航內(nèi)容E導(dǎo)航內(nèi)容F導(dǎo)航內(nèi)容G導(dǎo)航內(nèi)容H導(dǎo)航內(nèi)容I導(dǎo)航內(nèi)容J點擊回首頁代碼:
<TABLE borderColor=#666666 cellSpacing=3 height=300 cellPadding=0 width=205 align=center background=http://image55.360doc.com/DownloadImg/2012/11/1222/28182107_4.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=1)" align=middle bgColor=#888888 height=36><FONT face=宋體 color=#ff00ff size=5><B>導(dǎo)航名稱</B></FONT></TD></TR>
<TBODY>
<TR>
<TD background=http://image55.360doc.com/DownloadImg/2012/11/1222/28182107_3.gif>
<MARQUEE scrollAmount=2 direction=up>
<TABLE borderColor=#888888 cellSpacing=2 width="100%" border=2>
<TBODY>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址A" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容A</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址B" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容B</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址C" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容C</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址D" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容D</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址E" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容E</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址F" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容F</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址G" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容G</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址H" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容H</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址I" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容I</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址J" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容J</FONT></A></TD></TR></TBODY></TABLE></MARQUEE>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=380, Strength=1)" align=middle bgColor=#888888 height=36><A href="首頁地址" target=_blank><FONT face=宋體 color=#00ffff size=4>點擊回首頁</FONT></A> </TD></TR></TBODY></TABLE>
4.紅色脊線邊框加閃圖效果
效果:
導(dǎo)航名稱
導(dǎo)航內(nèi)容A導(dǎo)航內(nèi)容B導(dǎo)航內(nèi)容C導(dǎo)航內(nèi)容D導(dǎo)航內(nèi)容E導(dǎo)航內(nèi)容F導(dǎo)航內(nèi)容G導(dǎo)航內(nèi)容H導(dǎo)航內(nèi)容I導(dǎo)航內(nèi)容J點擊回首頁代碼:
<TABLE style="BORDER-RIGHT: #FF0000 6px inset; BORDER-TOP: #FF0000 6px inset; BORDER-LEFT: #FF0000 6px inset; BORDER-BOTTOM: #FF0000 6px inset" borderColor=#666666 cellSpacing=2 height=300 cellPadding=0 width=208 align=center background=http://image55.360doc.com/DownloadImg/2012/11/1222/28182107_4.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=1)" align=middle bgColor=#FF0000 height=36><FONT face=宋體 color=#0000ff size=5><B>導(dǎo)航名稱</B></FONT></TD></TR>
<TBODY>
<TR>
<TD background=http://image55.360doc.com/DownloadImg/2012/11/1222/28182107_3.gif>
<MARQUEE scrollAmount=2 direction=up>
<TABLE borderColor=#FF0000 cellSpacing=2 width="100%" border=2>
<TBODY>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址A" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容A</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址B" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容B</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址C" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容C</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址D" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容D</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址E" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容E</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址F" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容F</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址G" target=_blank>FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容G</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址H" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容H</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址I" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容I</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="導(dǎo)航鏈接地址J" target=_blank><FONT face=宋體 color=#ffffff size=4>導(dǎo)航內(nèi)容J</FONT></A></TD></TR></TBODY></TABLE></MARQUEE>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=380, Strength=1)" align=middle bgColor=#FF0000 height=36><A href="首頁地址" target=_blank><B><FONT face=宋體 color=#FFFFFF size=4>點擊回首頁</FONT></B></A></TD></TR></TBODY></TABLE>