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

乐乎88llbb.lofter.com

 
 
 

日志

 
 

图片、文字、flash特效组合  

2009-04-13 23:09:54|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 完成图、文、flash 三者组合的基础代码是:

<TABLE> </TABLE>

内容都穿插在这对代码中间,对于这对代码的属性和应用,可以参看本博日志《TABLE的属性与应用》 !

下面是网上找来的一些范例:


 

效果1:

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

 代码1:

<TABLE height=300 cellPadding=10 width=500 align=center background="背景图片地址" border=3 table="0">

<TBODY>

<TR>

<TD>

<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></TD></TR></TBODY></TABLE>

 

 

效果2:

如何在图片中加入文字?
如何在图片中加入SWF特效?

代码2:

<TABLE height=300 cellPadding=10 width=500 align=center background="背景图片地址" border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效?</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="flash地址" width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

 

效果3:

双层表框加字 (特效)

蓝波欢迎你的到来!

 

代码3:

<TABLE height=300 cellPadding=10 width=500 align=center background=背景图片地址 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=#309d46>蓝波</FONT><FONT color=#e6bd1a>欢迎你的到来!</FONT></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

 

 

效果4:
如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

 

代码4:

<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>

 

效果5:



左右移动的字!

左右移去的字!

左右移去的字!

你好!

 

代码5:

<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>

 



  评论这张
 
阅读(1786)| 评论(13)

历史上的今天

评论

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

页脚

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