|
精美的移动导航链接表格 |
1.立体效果 |
效果:
代码:
<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>导航名称</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="导航链接地址A" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容A</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址B" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容B</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址C" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容C</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址D" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容D</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址E" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容E</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址F" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容F</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址G" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容G</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址H" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容H</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址I" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容I</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址J" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容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.带背景效果: |
效果:
代码:
<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>导航名称</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="导航链接地址A" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容A</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址B" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容B</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址C" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容C</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址D" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容D</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址E" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容E</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址F" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容F</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址G" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容G</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址H" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容H</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址I" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容I</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址J" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容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.闪边效果: |
效果:
代码:
<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>导航名称</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="导航链接地址A" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容A</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址B" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容B</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址C" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容C</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址D" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容D</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址E" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容E</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址F" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容F</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址G" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容G</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址H" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容H</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址I" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容I</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址J" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容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.红色脊线边框加闪图效果 |
效果:
代码:
<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>导航名称</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="导航链接地址A" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容A</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址B" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容B</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址C" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容C</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址D" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容D</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址E" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容E</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址F" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容F</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址G" target=_blank>FONT face=宋体 color=#ffffff size=4>导航内容G</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址H" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容H</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址I" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容I</FONT></A></TD></TR> <TR> <TD align=middle><A href="导航链接地址J" target=_blank><FONT face=宋体 color=#ffffff size=4>导航内容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> | | | |
|