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

GREEN 格林

先做人,后做博客!

 
 
 

日志

 
 
关于我

★ 不要因为看不见太阳而哭泣,泪水会使你 再错过星星。 ★★ 不要尝试以假话挑战博主的涵养。 ★★★ 不要尝试以28以下的年轻叫板一个男人 的成熟。

如何在图片中插入移动文字【原创】  

2009-04-21 00:32:26|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

     一、具体操作方法

             写日志——点击“编辑日志”右上角的<>符号——将以下代码复制—粘贴——替换图片地

     址,改相关参数——再次点击<>符号——将光标移到图片文字区边缘并单击,按正常文档

     编辑文字——预览,保存草稿或发表日志,如要放到首页自定义模块,则将全部代码粘贴到

   “自定义模块”编辑框内。

     二、图片添加移动文字代码:

    <TABLE height=250 cellPadding=0 width=454 align=center bgColor=#0  background=图片地址

    border=0 table="0"><TBODY><TR><TD>bgColor=#0 background=border=0 <DIV align=center>

    <MARQUEE scrollAmount=1 direction=up width=200 height=60>

    <P align=center><FONT face=宋体 color=yellow size=4><STRONG><ALIGN=CENTER> <BR>这里

    输入第一行文字 <BR>这里输入第二行文字<BR>这里输入第三行文字<BR>这里输入第四行文字

    <BR>这里输入第五行文字

    </STRONG></FONT></P></STRONG></FONT></MARQUEE></DIV></TD></TR></TBODY>

    </TABLE>

     三、操作方法和代码描述

   1.粘贴上述代码并替换图片地址后,将光标移向文字区边缘并单击,会跳出一个文字编辑框。最

      简单的方法,就是利用日志编辑的功能,直接在文字编辑框内对移动文字区域大小、字体选择、

     文字大小、文字颜色以及文字位置、粗体、斜体下划线的设置,日志会自动生成相关代码。

       2.如要增加行数,可在“这里输入第五行文字”的后面添加如下代码: <BR>这里输入更多文字

      反之,如要减少行数,可删除如下代码:<BR>这里输入更多文字,如此类推。

   3. width=宽度大小,height=高度大小,它分别表示图片或底色的宽高,移动文字区域的宽高,

      可根据需要设置。

      4. scrollAmount=文字移动速度,在1-10之间选取,数值越大字速越快。

   5.关于文字。face=文字字体,size=文字大小,数值越大文字越大。color=字体颜色,颜色

      编号,可点击《引用 颜色代码表大全》选取。对于简单颜色,也可以直接输入该颜色的

           英文单词如黄色,标识为color=yellow。

      6. direction=文字移动方向,up=由下向上,down由上向下,left=由右向左,right=由左

      向右。当设置文字为横向移动时,必须删除代码中的文字分段标记 <BR>

   7.bgColor=表格底色,background=背景图片,两者不能同时使用如果不需要图片,只

      选取底色作背景,可将代码中的bgColor=#0 background=图片地址 border=0 ,修改为

      取消图片选取底色的代码 bgColor=#颜色代码 background=border=0 。(boder=图片边框

      的厚度,本文不作详述)。

    8. 效果演示图例 

               A.文字由下向上移动的效果演示图:(有背景图片)


这里输入第一行文字
这里输入第二行文字
这里输入第三行文字
这里输入第四行文字
这里输入第五行文字

 
 
                                                                 
                                                                                                  GREEN

 

              A 图代码如下:

<TABLE style="WIDTH: 454px; HEIGHT: 340px" height=340 

          cellPadding=0  width=454 align=center  bgColor=#0  background=

       http://img.bimg.126.net/photo/BRLDHvL5_2q25CGfHY_6gw==/5137481274923717313.jpg

border=0 table="0"><TBODY><TR><TD><DIV align=center>
<MARQUEE style="WIDTH: 312px; HEIGHT: 157px" scrollAmount=1 direction=up

width=312 height=157><P align=center><FONT face=宋体 color=yellow

   size=4><STRONG><ALIGN=CENTER><BR><FONT         

  color=#000000 size=5>这里输入第一行文字 <BR>这里输入第二行文字<BR>这里输入

第三行文字<BR>这里输入第四行文字<BR>这里输入第五行文字

</FONT></STRONG></FONT></P></STRONG></FONT></MARQUEE></DIV>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE>
 

                               B.文字由右向左移动的效果演示图:(无背景图片,有底色)

 
 
 

这里输入第一句文字 这里输入第二句文字 这里输入第三句文字 这里输入第四句文字 这里输入第五句文字

                                                                               
                                                 GREEN

                                   

             B 图代码如下:

<TABLE height=250 cellPadding=0 width=454 align=center bgColor=green

background=border=0 table="0"><TBODY><TR><TD>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<MARQUEE style="WIDTH: 336px; HEIGHT: 76px" scrollAmount=2 direction=left width=336

height=76><P align=center><FONT face=宋体 color=yellow><STRONG><ALIGN=CENTER>

<FONT size=5>这里输入第一句文字 这里输入第二句文字 这里输入第三句文字 这里输入

第四句文字 这里输入五句文字</FONT></STRONG></FONT></P></STRONG></FONT></MARQUEE></DIV>

 

夜,我孤独的走着【原创】 - green 格林 - GREEN 格林          夜,我孤独的走着【原创】 - green 格林 - GREEN 格林

 

   编写说明:

      1. 本教程由GREEN格林编写,共享代码资源来源于互联网。

      2. 如需转载或引用本文,请点击“分享”——“引用本篇日志到我的博客”,或者

   明确注明出处,以尊重本人的劳动。感谢朋友的支持!

 

 

 夜,我孤独的走着【原创】 - green 格林 - GREEN 格林欢迎光临我的小屋 夜,我孤独的走着【原创】 - green 格林 - GREEN 格林

 

  评论这张
 
阅读(1013)| 评论(17)
推荐 转载

历史上的今天

评论

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

页脚

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