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

石湖居士

佳丽江山到处同,惟有石湖乃称最

 
 
 

日志

 
 

引用 怎样为背景透明的动画添加一幅背景图  

2007-02-03 20:57:39|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

放飞风筝怎样为背景透明的动画添加一幅背景图

怎样为背景透明的动画添加一幅背景图

引用 怎样为背景透明的动画添加一幅背景图 - 六月飞雪 - 六月飞雪

怎样为背景透明的动画添加一幅背景图

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

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

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

二、生成图片代码,找准图片地址 (另外打开一个页面窗口操作) 

      1、生成图片代码:编辑状态--日志--添加图片--选择相册--选择

       相片--点添加图片--点左下角<>--代码生成;

    2、找准图片地址:

       例如,下面是一段生成的图片代码,哪是准确的图片地址?红

       色处才是。

       <A href="http://blog.163.com/gsd_432427/album/prevPhoto.do?photoId=_fks_XHKODqk2spuEssuhC6CZ785Eh17vBuZ-" target=_blank><IMG src="http://img.blog.163.com/photo/tmBbdpB4cyC7Ez

j6x6iAtg==/637822297226408340.jpg"></A>

  注意:这个地址必须是以http://img开头,以jpg或gif结尾的 才行

    3、将生成的图片地址复制粘贴在“图片地址”处,替换这4个字。

三、贴入动画代码:

    1、又另外打开一个首页,呈编辑状态;

    2、排版--模块--自定义模块--自定义HTML,这时首页的左下角就

       会出现一个自定义模块;

    3、在自定义模块中--flash--复制粘贴一个动画网址到出现的

       flash文本对话框中--点确定,这时,动画的代码就生成在左

       下角的自定义模块中了;

    4、选中、复制这段代码(ctrl+c);

    5、跳到日志窗口,将复制的这段代码粘贴(ctrl+v)到“生成的

       动画代码”处,替换“生成的动画代码”这七个字;

    6、预览,点左下角<>旁边的眼睛按钮;

    7、发表日志。

四、看看效果:(这是加了两个动画的)


                说好了  你回来的

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

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

<DIV></DIV>
           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=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、蝴蝶动画地址:http://love.xaonline.com/upload/2004612/UF488696.gif

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

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

看看效果:

引用 怎样为背景透明的动画添加一幅背景图 - 六月飞雪 - 六月飞雪欢迎光临

引用 怎样为背景透明的动画添加一幅背景图 - 六月飞雪 - 六月飞雪海珠儿博客乐园
请上我的浏览导航

自做小花代码1:
<DIV></DIV>

<TABLE borderColor=#cd< xmlnamespace prefix ="st1" ns ="urn:schemas-microsoft-com:office:smarttags" />5c5c height=350 width=450 align=center border=3>

<TBODY>< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" />

<TR>

<TD background=http://love.xaonline.com/upload/2004612/UF488696.gif><IMG style="VISIBILITY: visible" height=194 src="http://img.blog.163.com/photo/SaRaTbUtZA04JksXaBzdLg==/2040975056129085328.jpg" width=480></DIV></TD></TR></TBODY></TABLE>

自做小花代码2:

<DIV></DIV>
<P>&nbsp;</P>
<TABLE borderColor=#cd5c5c height=50 width=50 align=center border=3>
<TBODY>
<TR>
<TD background=http://love.xaonline.com/upload/2004612/UF488696.gif>
<DIV style="VISIBILITY: visible" src="
http://img.blog.163.com/photo/KHbHxwX_ep7sP6knhLE-AA==/2877518686913151891.jpg"></DIV>
<DIV>&nbsp;</DIV></TD></TR></TBODY></TABLE>

自做小花代码3:

<DIV></DIV>
<P>&nbsp;</P>
<TABLE borderColor=#cd5c5c height=50 width=50 align=center border=3>
<TBODY>
<TR>
<TD background=http://love.xaonline.com/upload/2004612/UF488696.gif>
<DIV style="VISIBILITY: visible" src="http://img.blog.163.com/photo/KHbHxwX_ep7sP6knhLE-AA==/2877518686913151891.jpg"></DIV>
<DIV>&nbsp;</DIV></TD></TR></TBODY></TABLE>

  评论这张
 
阅读(112)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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