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

沧海的博客

人生如棋 落子不悔

 
 
 

日志

 
 

实用表格滚动条导航制作  

2010-04-30 20:39:38|  分类: 拉条代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

文学欣赏

 

实用表格滚动条导航制作

 

 

日 志 链 接 与 导 航
博友日志链接
 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.ik68.cn/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">
&nbsp;<FONT color=#ffffaa><B>01.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>02.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>03.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>04.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>05.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>06.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>07.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>08.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<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">
&nbsp;<FONT color=#ffffaa><B>01.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>02.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>03.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>04.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>05.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>06.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>07.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>08.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<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">
&nbsp;<FONT color=#ffffaa><B>01.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>02.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>03.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>04.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>05.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>06.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>07.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<FONT color=#ffffaa><B>08.</B> <A href="
http://lv.jingxiang.blog.163.com/地址" target=_blank><FONT color=#ffff00>名称</FONT></A></FONT><BR>
&nbsp;<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>
说 明∶这是表格与滚动条的组合代码。这里的蓝色、粉色、浅蓝色的代码分别为单独的三组滚动条代码、只是把其分别加到了橙颜色的这组一行三列表格代码中的三个表中了生成的效果。照此可作二列四列或更多式样。这里的黄色代码为背景图片地址、红色代码为滚动拉条颜色、其他的颜色、宽、高均可自行尝试调整。

引用 学 海 的 ☆实用表格滚动条导航制作

  评论这张
 
阅读(326)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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