注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

倾颜戏羽

倾舞人生幻如梦,颜寂萧瑟也枉然。戏影指尖轻拨弄,羽飘九天落凡尘……忘不掉妳。

 
 
 

日志

 
 

精美的移动导航链接表格  

2010-01-29 03:40:54|  分类: ╠边框表格╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

精美的移动导航链接表格 - 倾颜戏羽 - 倾颜戏羽

精美的移动导航链接表格

1.立体效果

效果:

导航名称
导航内容A
导航内容B
导航内容C
导航内容D
导航内容E
导航内容F
导航内容G
导航内容H
导航内容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>导航名称</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.带背景效果:

效果:

导航名称
导航内容A
导航内容B
导航内容C
导航内容D
导航内容E
导航内容F
导航内容G
导航内容H
导航内容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>导航名称</B></FONT></TD></TR>
<TBODY>
<TR>
<TD background=http://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.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.闪边效果:

效果:

导航名称
导航内容A
导航内容B
导航内容C
导航内容D
导航内容E
导航内容F
导航内容G
导航内容H
导航内容I
导航内容J
点击回首页

代码:

<TABLE borderColor=#666666 cellSpacing=3 height=300 cellPadding=0 width=205 align=center background=http://img848.ph.126.net/S_u9ZEg8M4q2BpaWklW9Rw==/692991392662932600.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://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.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.红色脊线边框加闪图效果

效果:

导航名称
导航内容A
导航内容B
导航内容C
导航内容D
导航内容E
导航内容F
导航内容G
导航内容H
导航内容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://img848.ph.126.net/S_u9ZEg8M4q2BpaWklW9Rw==/692991392662932600.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://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.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>

『快乐互动,精彩你我;创造喜悦,分享快乐!』

倾颜戏羽声明:引用请勿去掉与本文的链接,未经许可请不要随意篡改;转载须注明本文出处。

精美的移动导航链接表格 - 倾颜戏羽 - 倾颜戏羽

精美的移动导航链接表格 - 倾颜戏羽 - 倾颜戏羽

  评论这张
 
阅读(221)| 评论(4)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018