启野的博客

淡淡的雾，淡淡的雨，淡淡的云彩悠悠的游。

日志

关于我

启野

B型天秤座

文章分类

HTML Flash透明动画或文字特效添加一幅背景图

2009-06-16 10:16:36| 分类： HTML专区 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

Flash透明动画或文字特效添加一幅背景图

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

怎样粘贴请参看点击：所有代码的粘贴法

1、代码：

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

Flash透明动画或文字特效添加一幅背景图 - qy-0824 - 启野的博客 2、说明：

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

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

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

D、图片如果不需要边框，可以删除borderColor=#cd5c5c 、align=center border=3,也可以调节边框的颜色和边框边数。

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

方法最简单：点开放大网上相册中的图片，右键单击图片，在弹出的菜单中选择“属性”，再在弹出的框中就有图片的地址、宽度和高度。将图片地址复制粘贴在“图片地址”处，替换这4个字就行了。注意：还要将动画代码中的宽度width=450与高度height=350改为你刚才查得的图片实际宽度与高度。

找准图片地址还可以点击一种找到图片地址(或者存大图)极简单的方法参照。

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

1、动画网址：

http://s2photo.cn21edu.com/UpLoadImage/yyfq/image/ArticleFlash/2b39a3b9-35fb-4730-961e-1bf270f40db8.swf

2、动画原代码：

<EMBED src=动画地址粘贴处 width=720 height=540 type=application/x-shockwave-flash wmode="transparent"quality="high" >

3、把动画网址填入动画原代码中：

<EMBED src=http://s2photo.cn21edu.com/UpLoadImage/yyfq/image/ArticleFlash/2b39a3b9-35fb-4730-961e-1bf270f40db8.swf width=720 height=540 type=application/x-shockwave-flash wmode="transparent"quality="high" >

4、然后填入到上述图片代码中：

<TABLE borderColor=#cd5c5c height=720 width=539 align=center border=3><TBODY><TR><TD background=http://img.bimg.126.net/photo/YSXSwKy2ilJglSX4-i2YgA==/861876378689229531.jpg> <EMBED src=http://s2photo.cn21edu.com/UpLoadImage/yyfq/image/ArticleFlash/2b39a3b9-35fb-4730-961e-1bf270f40db8.swf width=720 height=539 type=application/x-shockwave-flash wmode="transparent"quality="high" ></TD></TR></TBODY></TABLE>

5、调节图片和flash动画的宽度和高度：

四、看看效果(由于我使用的水晶边框，删去了图片边框）：

五、代码归纳详解如下：

1、代码：

2、说明：

红色部分是改变图像和flash大小和替换图像和flash的地址；

浅青绿是图片的边框代码和边框条数可以改变也可以不要；

wmode="transparent"是实现flash背景透明的属性，不可丢。

呵呵！看来看去是包含与被包含的关系

<起始语句<图片代码-图片地址<flash代码-flash地址-flash属性>结束语句>

六、在背景代码中添加一段文字特效代码：

在图片代码中插入文字特效代码：

文字在图片上向上移动、竖排渐出字、文字在背景图片上悠闲地飘飞等特效

点击参照：文字特效代码(一)

七、效果

日不落的爱恋

欢迎光临启野博客！

评论这张

转发至微博

阅读(1566)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082064083083084066093095086095083084084067083083082065',
              blogTitle:'HTML Flash透明动画或文字特效添加一幅背景图',
              blogAbstract:'  <TABLE border=\"1\" cellSpacing=\"0\" borderColor=\"#003300\" cellPadding=\"0\" width=\"720\" align=\"center\" height=\"211\" \>  <TBODY\>  <TR\>  <TD style=\"FILTER: Blur(Add=true, Direction=180, Strength=20);\"  bgColor=\"#003300\" height=\"27\" \>  <P\> </P\>  <P align=\"center\" \><FONT color=\"#ff0000\" size=\"5\" face=\"黑体\" \><STRONG\>Flash透明动画或文字特效添加一幅背景图</STRONG\></FONT\></P\>  <P\> </P\></TD\></TR\>  <TR\>  <TD style=\"FILTER: Blur(Add=true, Direction=180, Strength=20);\"  bgColor=\"#003300\" height=\"27\" \>  <P style=\"MARGIN: 0cm 0cm 0pt;\"  \><SPAN style=\"FONT-FAMILY: 宋体; FONT-SIZE: 12pt;\"  \><FONT color=\"#ccffff\" \><FONT size=\"4\" \>一、将下面的代码复制粘贴在自定义模块中<SPAN lang=\"EN-US\" \>：</SPAN\></FONT\></FONT\></SPAN\></P\></TD\></TR\>  <TR\>  <TD height=\"184\" vAlign=\"top\" \>  <P style=\"MARGIN: 0cm 0cm 0pt;\"  \></P\></TD\></TR\></TABLE\>',
              blogTag:'html',
              blogUrl:'blog/static/72507542200951604855988',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1328885407891,
              publishTime:1245118596562,
              permalink:'blog/static/72507542200951604855988',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'B型天秤座',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/72507542200951604855988">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

启野的博客

导航

日志

HTML Flash透明动画或文字特效添加一幅背景图

历史上的今天

最近读者

热度

评论

页脚