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

展望曙光!

充满阳光的社会一定会到来!!!

 
 
 

日志

 
 

怎样为背景透明的动画或文字特效添加一幅背景图\怎样在一张背景图片上放多个透明flash动画\怎样在别人的Flash动画上再加进自己的文字效果  

2010-09-13 13:24:35|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

怎样为背景透明的动画或文字特效添加一幅背景图

博客技巧 2007-01-12 12:38:52 阅读34815 评论305   字号: 订阅

 

 

怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog

 

怎样为背景透明的动画或文字特效添加一幅背景图

 

一、将下面的代码复制粘贴在自定义模块中:

    怎样粘贴请参看:所有代码的粘贴法(献给初学者)

    1、代码: 

           <DIV></DIV>
           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
           <TBODY>
           <TR>
           <TD background=图片地址>
动画代码或文字特效代码粘贴处</TD></TR></TBODY></TABLE> 

      2、说明:

       A、红颜色部分是背景图片代码。如果你只需导入一个静止的背景图,你就只取红

颜色部分的代码就行了;

       B、中间的是动画代码,这样的颜色标识,已经告诉我们就是把动画代码放在红颜

色的代码中间就是了。

      C、问题的关键就是要得到图片地址动画代码。得到后,一替换就ok了。

二、找准图片地址的方法:

          方法最简单: 点开放大网上相册中的图片,右键单击图片,在弹出的菜

中选择“属性”,再在弹出的框中就有图片的地址、宽度和高度。

          将图片地址复制粘贴在“图片地址”处,替换这4个字就行了。注意:还要将动画代码中的宽度width=450与高度height=350改为你刚才查得的图片实际宽度与高度。

三、将动画代码复制粘贴在“动画代码或文字特效代码粘贴处”替代这一行文字

动画代码如下:

  <EMBED src="http://imgfree.21cn.com/free/flash/9.swf " width=600 height=432 type=application/x-shockwave-flash wmode="transparent" quality="high" autostart="0" allowScriptAccess="never">

注意:1、蓝色的是动画地址,是可以更换的;

            2、桃红色的是动画的宽度与高度,要改得与背景图片的宽度与高度一样。

四、看看效果:



五、在背景代码中添加一段文字特效代码:

    1、段落文字右移特效代码嵌入背景代码之中:

<DIV></DIV>
           <TABLE borderColor=#cd5c5c height=350 width=450 align=center b
order=3>
           <TBODY>
           <TR>
           <TD background=图片地址>
<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></TBODY></TABLE> 
 
说明:对蓝色处的宽与高的值均作了如下改动,width=440 height=170
                                            width=440 height=170
     改的目的就是要让文字特效的运动范围与效果图的大小相符,否则,背景图会自动加长加宽的.

         看看效果:

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

        2、给文字和动画加上来回起伏移动代码嵌入背景代码中:

<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="
动画图片网址"><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="动画图片网址"><FONT face=字体名称_GB2312 color=#00ff00 size=6>输入文字处<BR>输入文字处</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明:

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

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

    C、gif格式的动态小图地址:http://love.xaonline.com/upload/2004612/UF488696.gif 这个图片现在链接不上了,请你另换一个gif格式的动态小图地址

    D、背景图片地址:http://img.blog.163.com/photo/C8QEjwHKQyx4QaMBtwr9qQ==/4512043876672178758.jpg

      这个图片在我的相册里,如果我删了,就不显现了。所以建议要用你自己的。

看看效果:

怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog欢迎光临

怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog海珠儿博客乐园
请上我的浏览导航

 

    怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog怎样为背景透明的动画或文字特效添加一幅背景图 - 海珠儿 - 海珠儿 blog

  

怎样在一张背景图片上放多个透明flash动画

                               

\\博客技巧 2007-04-22 20:35:08 阅读17129 评论220   字号: 订阅

 

怎样在一张背景图片上放多个透明flash动画 - 海珠儿 - 海珠儿 blog

 

怎样在一张背景图片上放多个透明flash动画

                                                                                海珠儿编写

一、首先认清代码:红色代码是背景图片的边框代码(也就是一个方框表格),后面的红色代码是边框代码的结束标记,黑色代码(包括蓝色代码)是透明flash动画代码,会看的人一看就明白----就是把flash动画代码放在边框代码和结束标记之间.

<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

二、怎样在一张背景图片上放多个透明flash动画呢?

    1、如果只放一层透明flash动画,动画代码中的align=right 就可以删去不要;

    2、如果要在背景图片上放几个透明flash动画,那就将动画代码复制粘贴几次依次排列于后,切记,复制粘贴的动画代码中,src的前面必须加上align=right ,否则几个动画就不是叠放的了,那就会按上、中、下的顺序依次排列了,这个align=right 代码是叠放的关键;

    3、代码复制粘贴好后,就选择你喜欢的图片网址粘贴在背景图片地址处,选择你喜欢的动画地址依次粘贴在透明flash动画地址处;

    4、如果宽度(width)和高度(height)不合,就调一下它们的值,背景图片的高度和宽度在红色代码中调,动画的高度和宽度在黑色代码中调。

三、下面是一段准备放4层透明flash动画的代码:

<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=透明flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

四、看看效果:海珠儿编写

 

怎样在一张背景图片上放多个透明flash动画 - 海珠儿 - 海珠儿 blog

 

                                                                                

怎样在别人的Flash动画上再加进自己的文字效果

动画 2008-02-25 17:58:58 阅读5723 评论39   字号: 订阅

 

怎样在别人的Flash动画上再加进自己的文字效果

一、这是来自网上的一个动画作品: 海珠儿编写 欢迎光临!

二、怎样在上面的动画中加进自己文字效果?

       方法是:动画代码=》叠放代码=》文字效果代码,再在叠放代码前加一个“P”元素的开始标记<p ,

在文字效果代码的后面加一个“p”元素的结束标记</p>。其顺序如下:

                动画代码   <p 叠放代码>   文字效果代码   </p>

列出代码如下:

      动画代码:<EMBED src=动画地址 自己找来粘贴此处 width=600

height=480 type=application!/x-shockwave-flash wmode="transparent" allowNetworking="internal" allowScriptAccess="never">

      叠放代码是:  <p style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>

      文字效果代码:

<MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P></MARQUEE></P>

三、代码示范如下:

<DIV align=center>

<EMBED src=http://imggz.jpg.name/ttthvtwsdttythhywwzwhtvjssvrvsddrrjtj.swf width=600 height=480 type=application!/x-shockwave-flash wmode="transparent" >

<P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>

<MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P><BR>
<P><FONT color=#ff0000>输入文字处</FONT></P></MARQUEE></P>

</DIV>

 说明:1、为了使动画在日志里居中,还可以在所有代码前加<DIV align=center>   在所有代码后加</DIV>

            2、输入文字后,点击工具栏上的<>按钮,回到日志编辑状态,单击输入的文字处,文字就在一个进入编辑状态的方框内,上面有控制点,箭头对着其中一个控制点就会变成双箭头,按住拖动,可以改变方框的大小和文字的位置,也可将光标定在方框中,直接输入文字;(这是小决窍)

            3、如果只输入静止的文字,那就删掉黄色代码。

 

看看效果:海珠儿编写 欢迎光临!

输入文字处


输入文字处


输入文字处


输入文字处

 

 

 

想做出其它文字效果,请点击=》文字特效代码

想加自己的梦幻照片请点击=》怎样在Flash动画上再加进自己的梦幻图片

想在动画上既加梦幻照片,又加文字特效,可以不?你只要好好地想一想就能做出来.

怎样在别人的Flash动画上再加进自己的文字效果 - 海珠儿 - 海珠儿 blog

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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