一、在图片中加入文字
1·效果
如何在图片中加入文字
如何在图片中加入文字
如何在图片中加入文字
如何在图片中加入文字 |
1·代码如下:
<TABLE height=400 cellPadding=10 width=600 align=center background=http://img838.ph.126.net/vUyc0HfWVVm14F-tAY0rNg==/1781455127603624477.jpg border=3 table="0"> <TBODY> <TR> <TD> <DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=7>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=6>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=5>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字 </EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>
【兰色是:背景网址(可换)红色是:放入文字的位置和格式】
2·在背景图片上加闪光文字
效果
难忘曲 夹道开洞门, 弱杨低画戟。 帘影竹华起, 箫声吹日色。 蜂语绕妆镜, 画蛾学春碧。 乱系丁香梢, 满栏花向夕。 | |
代码如下:
<TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE height=400 width=500 align=center background=http://img612.ph.126.net/nJHSqkdQVxfFCJ31nBxyMg==/1981302361068407503.jpg> <TBODY> <TR> <TD> <P></P> <DIV align=center> <DIV style="WIDTH: 500px; WRITING-MODE: tb-rl; TEXT-ALIGN: center"> <P align=center><FONT face=华文行楷 color=#336699 size=6><B><B>难忘曲 <BR>夹道开洞门,<BR>弱杨低画戟。<BR>帘影竹华起,<BR>箫声吹日色。 <BR>蜂语绕妆镜,<BR>画蛾学春碧。<BR>乱系丁香梢,<BR>满栏花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
(红色部分是图片地址,绿色部分是闪低素材地址)
二、在图中加入文字和SWF特效
效果
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://img844.ph.126.net/9W1uGVNq94xXWk8H-YC-aQ==/1887571193821692815.jpg border=3 table="0"> <TBODY> <TR> <TD> <DIV align=center><FONT face=楷体_GB2312 color=#ffcc00 size=4><STRONG>如何在图片中加入文字</STRONG></FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#00ffff size=4><STRONG>如何在图片中加入SWF特效</STRONG></FONT></DIV> <DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>
(红色是背景图地址,绿色是放入特效的位置和格式)
三、在双层表框中加字和特效
效果
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#e6bd1a>欢迎你来到娟子博客</FONT></FONT></DIV>
<DIV align=center> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"> </EMBED></DIV></TD></TR></TBODY></TABLE>
四、使用上下滚动字幕
效果
|
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
注:scrollAmount=2 是控制字速,数值越大字速就越快!
五、左右移动文字
1、效果
|
1、代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0"> <TBODY> <TR> <TD> <MARQUEE scrollAmount=3 behavior=alternate width="90%"> <P></P> <DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字</FONT></DIV> <DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV> <DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字</EMBED></FONT></FONT></FONT></DIV></MARQUEE></TD></TR></TBODY></TABLE>
左右移动文字效果图2:
|
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>娟子欢迎你!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
六、在加特效图片上加入滚动字幕
效果
代码:
<P align=center> <TABLE style="WIDTH: 450px; HEIGHT: 336px" height=336 cellPadding=0 width=550 align=center background='http://img.blog.163.com/photo/eh0nGt06NA7N1QXCIQWlbQ==/4852065648538524467.jpg"'> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=550 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"> <MARQUEE style="WIDTH: 448px; HEIGHT: 310px" scrollAmount=1 direction=up height=310><FONT face=隶书 color=#ffff00 size=5> <DIV align=center>输入滚动文字</DIV> <DIV align=center>输入滚动文字</DIV> <DIV align=center>输入滚动文字</DIV> <DIV align=center>输入滚动文字</DIV> <DIV align=center>输入滚动文字</DIV> <DIV align=center>输入滚动文字</DIV> <DIV></DIV></FONT></MARQUEE></TD></TR></TBODY></TABLE></P>
欢迎朋友光临,请喝水谢谢朋友的欣赏和留言评论鼓励,如果感觉这个篇日志还可以,请点击左下角的【推荐】,把它推荐给你朋友们吧,也让他们来分享。如果想把它搬到你的博客慢慢品读,请点击右下角的。。。【引用】。谢谢支持,祝好。 |
评论