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

(﹏oツ迷你小屋欢迎您⺌

我将象小雨点一样,把我的快乐分给所有喜爱雨的人...

 
 
 

日志

 
 

图片上飘动的文字  

2008-01-18 22:51:41|  分类: 博客资源 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

第一:图片上飘动的文字:

把这些代码复制上去就可以了。

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=图片地址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=500>

<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE> 

有几点说明:

        width为浮动文字框架的宽度;

        height为浮动文字框架的高度;

        color=red表示文字颜色为红色(根据自己嗜好选择)

 

在图片里会移动的文字:

<DIV></DIV>:
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>添加文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY> 

 

 

 

                     文字在图片上的移动代码

一: 向左移动的字 :         代码:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=http://img.blog.163.com/photo/tJ3IKLU-XnvQ5JBuDXDFSA==/434034414089674046.jpg><DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>非常感谢<BR>大家来我的博客来<BR>在这里希望您<BR>能找到对您有用的东西<BR>如果您有好的建议<BR>或意见<BR>欢迎您指正<BR>我会非常努力的学习的<BR>!!!<BR>因为我是刚接触这些<BR><BR>所以内容和界面<BR>可能简陋点<BR>不过我会努力的<BR>希望走过的<BR>路过的<BR>给我一点信心<BR>帮忙评价一下<BR>留个言<BR>谢谢<BR>.....<BR><BR>最后<BR>祝愿大家身体健康<BR>天天快乐!

<BR><BR></FONT></P></MARQUEE></MARQUEE></DIV></TD></TR>

说明:红色部分改成你自己想要的背景图地址<BR>代表换行但要记住每句后别忘了加它

二:      代码如下:

<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>如何在图片中加入文字</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

 三:在图片中加入SWF特效:

代码如下:

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

四:加框的文字图片SWF特效:

代码如下:

<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=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=图片地址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></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><FONT size=4><FONT color=#ffffff>如何在图片中加入文字</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

说明: 1.上面代码中红色部分替换你的图片地址

        2.蓝色部分替换你要加的字

        3.粉色部分替换你要加的动画特效

        4.背景为灰色的那段可以删除,意思是你要在加一段话就把青色部分复制一个粘贴在它后面,反之减少时可删除和它一样的代码.

代码:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=背景图片网址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=245><MARQUEE style="width: 435px; height: 155px" scrollAmount=3 behavior=alternate width=375><P align=center></P><P align=center><IMG src="GIF动画图片网址"><FONT face=字体名称_GB2312 color=#ff0000 size=6><STRONG>输入文字处</STRONG></FONT><FONT face=字体名称 color=#800080 size=30><STRONG> </STRONG><BR> <P align=center></P><P align=center><IMG src="GIF动画图片网址"><FONT face=字体名称_GB2312 color=#00ff00 size=6>输入文字处<BR>输入文字处</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明:

    A、以<MARQUEE 代码开头,以</MARQUEE>结束的这一段代码是“来回起伏移动代码”,位于背景图代码中间;

    B、如果所有代码代入后,发现图片出现多余部分或文字动画运动不理想,就调整红色处的高度值( height)和宽度值(width),反复调试,直到理想为止,这一点是关键.

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

历史上的今天

评论

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

页脚

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