加载中…制作阴影立体动态图文图的代码【清明上河图】
(2010-04-04 08:28:07)
标签：
立体阴影动态图文图代码清明上河图博客技巧博客装饰美化博客教育 |
分类： 【代码应用】 |
图一
| 添加图片或文字 | 添加图片或文字 |
| 添加图片或文字 | |
图二
| 添加图片或文字 | 添加图片或文字 |
| 添加图片或文字 | |
图三
| 添加图片或文字 | 添加图片或文字 |
| 添加图片或文字 | |
图四
| 添加图片或文字 | 添加图片或文字 |
| 添加图片或文字 | |
注释
阴影边框代码参见博文《制作阴影边框的代码及应用实例》，我将其设计成一行跨两列的形式，本代码特别适合制作成图文简介，移动的图片和移动的文字令博文共成一体格外生动。在网络上有各种形式的《清明上河图》作品。我制作这款图文简介也算是增加一种形式，清明节将至，读一遍文字，了解一下八百年前的清明盛况。红色是边框颜色代码。文字移动代码参见博文《向上滚动文字代码及实例》.因为图片多达50张，所以我展示其中一张，喜欢的朋友可以点击图片进入《清明上河图》相册专辑下载使用。更多边框制作博文请点击【边框代码】http://blog.sina.com.cn/s/articlelist_1578793663_7_2.html.如果您亲自动手制作，即可体会和掌握这些代码的功效。我制作4款不同颜色的边框效果图供朋友们参考,您可以添加自己的图文制成美丽的动态图文图。发挥您的智慧，创作出更美的佳作。
特别提示：图片来源网络。
效果图二代码
<CENTER>
<TABLE style="FILTER: progid:dximagetransform.microsoft.shadow(color:#00563c,direction:145,strength:15)" height=200 cellSpacing=18 cellPadding=15 width=600 align=center border=2>
<TBODY>
<TR>
<TD width=250 bgColor=#ffffff>添加图片或文字</TD>
<TD width=350 bgColor=#ffffff>添加图片或文字</TD></TR>
<TR>
<TD width=600 bgColor=#ffffff colSpan=2>添加图片或文字</TD></TR></TBODY></TABLE></CENTER>
<TABLE style="FILTER: progid:dximagetransform.microsoft.shadow(color:#00563c,direction:145,strength:15)" height=200 cellSpacing=18 cellPadding=15 width=600 align=center border=2>
<TBODY>
<TR>
<TD width=250 bgColor=#ffffff>添加图片或文字</TD>
<TD width=350 bgColor=#ffffff>添加图片或文字</TD></TR>
<TR>
<TD width=600 bgColor=#ffffff colSpan=2>添加图片或文字</TD></TR></TBODY></TABLE></CENTER>
喜欢
0
赠金笔