推荐导航模块代码(4例) - 互联友吧的日志1

月下老头 2010-08-26

展开全文

推荐导航模块代码(4例)

目录模块代码 2009-09-16 09:48:02 阅读1452 评论11 字号：大中小订阅

一，原色模块：

新博进阶	圈子应读
网络安防	免费网盘
短篇笑话	相声小品
语录名言	诗社文坛
影音视听	钢琴管乐
珍爱身体	时尚健身
情感绿洲	男女有别
感悟人生	家庭教育
职场攻略	投资理财
智测良品	乱作一团

〉〉〉本模块代码

代码如下：

<DIV align=center>
<TABLE style="BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; BORDER-LEFT: 5px solid; BORDER-BOTTOM: 5px solid" cellSpacing=5 cellPadding=5 width=226 border=2>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981311489563/" target=_blank>新博进阶</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981685339220/" target=_blank>圈子应读</A></TD></TR>
<TR>
<TD><A href=http://www.u8.blog.163.com/blog/static/73552589200911792639590/ target=_blank>网络安防</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169417415/" target=_blank>免费网盘</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920099299431742/" target=_blank>短篇笑话</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691422160/" target=_blank>相声小品</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691014133/" target=_blank>语录名言</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169224349/" target=_blank>诗社文坛</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981610310625/" target=_blank>影音视听</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911599781/" target=_blank>钢琴管乐</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091020102317915/" target=_blank>珍爱身体</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693446970/" target=_blank>时尚健身</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010464292/" target=_blank>情感绿洲</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200910224385154/" target=_blank>男女有别</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911521652/" target=_blank>感悟人生</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091022593387/" target=_blank>家庭教育</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010587556/" target=_blank>职场攻略</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102011430300/" target=_blank>投资理财</A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693012190/" target=_blank>智测良品</A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920081178504746/" target=_blank>乱作一团</A></TD></TR></TBODY></TABLE><A href="http://www.u8.blog.163.com/blog/static/7355258920098169482613/" target=_blank>〉〉〉本模块代码</A></DIV>

二，有色模块：

新博进阶	圈子应读
网络安防	免费网盘
笑话大全	相声小品
语录名言	诗社文坛
影音视听	钢琴管乐
珍爱身体	时尚健身
情感绿洲	男女有别
感悟人生	家庭教育
职场攻略	投资理财
智测良品	乱作一团

〉〉〉本模块代码

代码如下：

<DIV align=center>
<TABLE style="BORDER-RIGHT: #ba0001 5px solid; ; BORDER-TOP: #ba0001 5px solid; BORDER-LEFT: #ba0001 5px solid; BORDER-BOTTOM: #ba0001 5px solid" borderColor=#ba0001 cellSpacing=5 cellPadding=0 width=224 border=1>
<TBODY>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981311489563/" target=_blank><FONT color=#ba0001>新博进阶</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981685339220/" target=_blank><FONT color=#ba0001>圈子应读</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200911792639590/" target=_blank><FONT color=#ba0001>网络安防</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169417415/" target=_blank><FONT color=#ba0001>免费网盘</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920099299431742/" target=_blank><FONT color=#ba0001>笑话大全</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691422160/" target=_blank><FONT color=#ba0001>相声小品</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691014133/" target=_blank><FONT color=#ba0001>语录名言</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169224349/" target=_blank><FONT color=#ba0001>诗社文坛</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981610310625/" target=_blank><FONT color=#ba0001>影音视听</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911599781/" target=_blank><FONT color=#ba0001>钢琴管乐</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091020102317915/" target=_blank><FONT color=#ba0001>珍爱身体</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693446970/" target=_blank><FONT color=#ba0001>时尚健身</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010464292/" target=_blank><FONT color=#ba0001>情感绿洲</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200910224385154/" target=_blank><FONT color=#ba0001>男女有别</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911521652/" target=_blank><FONT color=#ba0001>感悟人生</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091022593387/" target=_blank><FONT color=#ba0001>家庭教育</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010587556/" target=_blank><FONT color=#ba0001>职场攻略</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102011430300/" target=_blank><FONT color=#ba0001>投资理财</FONT></A></TD></TR>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693012190/" target=_blank><FONT color=#ba0001>智测良品</FONT></A></TD>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920081178504746/" target=_blank><FONT color=#ba0001>乱作一团</FONT></A></TD></TR></TBODY></TABLE><A href="http://www.u8.blog.163.com/blog/static/7355258920098169482613/" target=_blank><FONT color=#ba0001>〉〉〉本模块代码</FONT></A></DIV>

三，有特效的括号模块：

代码如下：

<DIV align=center>
<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981311489563/" target=_blank><FONT color=#000000>【博客进阶】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981685339220/" target=_blank><FONT color=#000000>【圈子应读】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200911792639590/" target=_blank><FONT color=#000000>【网络安防】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169417415/" target=_blank><FONT color=#000000>【免费存储】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920099299431742/" target=_blank><FONT color=#000000>【短篇笑话】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691422160/" target=_blank><FONT color=#000000>【相声小品】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981691014133/" target=_blank><FONT color=#000000>【语录名言】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920098169224349/" target=_blank><FONT color=#000000>【诗社文坛】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981610310625/" target=_blank><FONT color=#000000>【影音视听】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911599781/" target=_blank><FONT color=#000000>【钢琴管乐】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091020102317915/" target=_blank><FONT color=#000000>【珍爱身体】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693446970/" target=_blank><FONT color=#000000>【时尚健身】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010464292/" target=_blank><FONT color=#000000>【情感绿洲】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200910224385154/" target=_blank><FONT color=#000000>【男女有别】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102911521652/" target=_blank><FONT color=#000000>【感悟人生】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920091022593387/" target=_blank><FONT color=#000000>【家庭教育】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102010587556/" target=_blank><FONT color=#000000>【职场攻略】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/735525892009102011430300/" target=_blank><FONT color=#000000>【投资理财】</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693012190/" target=_blank><FONT color=#000000>【智测良品】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#008080,Direction=0,strength=6)" width="100%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920081178504746/" target=_blank><FONT color=#000000>【乱作一团】</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV align=center><A href="http://www.u8.blog.163.com/blog/static/7355258920098169482613/" target=_blank><FONT color=#008080>〉〉模块复制区</FONT></A></DIV>

四，阴影按钮模块：

代码如下：

<TR>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#004444,Direction=120,strength=7)" width="90%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/73552589200981693012190/" target=_blank><FONT color=#000000>【智测良品】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (Color=#004444,Direction=120,strength=7)" width="90%" align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD><A href="http://www.u8.blog.163.com/blog/static/7355258920081178504746/" target=_blank><FONT color=#ba0001>【乱作一团】</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV align=right><A href="http://www.u8.blog.163.com/blog/static/7355258920098169482613/" target=_blank><FONT color=#008888>〉〉模块复制区</FONT></A></DIV></TD></TR></TBODY></TABLE></DIV>