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

xianger

 
 
 

日志

 
 

启步添加flash  

2009-11-16 19:30:49|  分类: 【电脑制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

 

贴FLASH-动画图片的方法


  加插FLASH-动画图片有各种方式:①直接在页面上插入。②在一张图片上加叠1或多个FLASH。③在页面上任何地方定位加叠。网页上不宜加插太多FLASH,否则会影响网页的打开。




 

在页面上插入FLASH的代码模式:


<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=“FLASH地址” width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high">

在页面上插入FLASH的代码模式:


<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.easelq.cn/wode/flash/dongwu/lumi.swf width=500 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high">

  显示效果:
 

 

在图片上插入FLASH的代码模式:


<TABLE borderColor=#127626 height=高度 cellSpacing=0 cellPadding=0 width=宽度 background="图片地址" border=0> <TR> <TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src="FLASH地址" width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high"> </TD></TR></TABLE>

在图片上插入FLASH的代码实例:


<TABLE borderColor=#127626 height=370 cellSpacing=0 cellPadding=0 width=700 background="http://www.baoshiz.com.cn/images/upfile/20081322361718901.jpg" border=3> <TR> <TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/59.swf width="700" height="370" type=application/x-shockwave-flash wmode="transparent" quality="high"> </TD></TR></TABLE>

  显示效果:





 在图片上插入2张FLASH的代码实例:


<TABLE borderColor=#127626 height=420 cellSpacing=0 cellPadding=0 width=700 background="http://hiphotos.baidu.com/dudu奶奶知道/pic/item/2baafd23e2c8055d9822ed3a.jpg" border=3> <TR> <TD> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/59.swf width="700" height="420" type=application/x-shockwave-flash wmode="transparent" quality="high"> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width="700" height="420" type=application/x-shockwave-flash wmode="transparent" quality="high"> </TD></TR></TABLE>

  显示效果:



在图片上用绝对定位挂贴FLASH动画图片


 

   在图片上可以同时插入多张FLASH,但只是在同一位置上加叠,如果要在不同位置显示,比如下面这张贴,在半空的鹿要调到下面草地,飞雁要调上一些,必须采用绝对定位挂贴的方法。

挂贴FLASH动画图片代码实例:

<DIV id=table1 style="LEFT: 20px; WIDTH: 800px; POSITION: relative; TOP: 40px"> <TABLE borderColor=#127626 height=500 cellSpacing=0 cellPadding=0 width=700 background="http://hiphotos.baidu.com/dudu奶奶知道/pic/item/2baafd23e2c8055d9822ed3a.jpg" border=3> <TR> <TD> <EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: -60px; HEIGHT: 500px" align=center src=http://imgfree.21cn.com/free/flash/59.swf width=750 height=500 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 340px; HEIGHT: 200px" align=center src=http://www.easelq.cn/wode/flash/dongwu/lumi.swf width=750 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> </TD></TR></TABLE></DIV>

   说明:
  ●<DIV id=table1 style=定义相对定位标签.关键语句:POSITION: relative.
  ●<EMBED style=贴FLAS标签行内套用样式表绝对定位语句.关键语句:POSITION: absolute.
 显示效果:

00000


相对定位与绝对定位的关系

   贴FLAS的标签行内套用css样式表定位属性内容POSITION有两个属值,即relative相对定位和absolute绝对定位.有相对定位指令的标签是一种容框,是绝对定位必要的参照物在相对定位容框内,可以用很多有绝对定位的标签,挂贴各种内容.用绝对定位挂贴虽然也是一种加叠,但内容显示位置上下左右可以稠整.方法是设置LEFT水平起始参数和TOP垂直起始参数.
  绝对定位的语句:

style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 50px; HEIGHT: 500px"

说明:
● Z-INDEX: 10px 是指与帖子左边的距离 。
● WIDTH: 750px 是指定位的范围宽度。
● TOP: 50px 指与帖子上边之间的距离。
● height=500 是指定位的范围高度。
● 750px 即750个像素点。
● 绝对定位外部挂贴必须设置相对定位标签,否则插入内容可能在整张网页的别处显示。


绝对定位插入FLASH的代码实例:


<EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/113.swf   width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>&nbsp;

  显示效果:

  由于垂直起始参数TOP: 150px,即距本页上边150px起显示紫红叶飘落. 

 


在相对定位容框内绝对定位插入FLASH的代码实例:


<TABLE  cellSpacing=1 cellPadding=1 width="80%" border=1>
<TBODY>
<TR>
<TD><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/113.swf width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>&nbsp;</TR></TBODY></TABLE>

  

 

金色分隔线 - 香儿

网易空间入门制作代码

(点击这里入门制作)

编辑日志入门技巧

播放器代码解读

学会首页的添加

博客重要基本功能

图片上添加文字

☆图片添加FLASH

☆图片各种处理

十款颜色播放器

背景素材的美妙用途

☆ 博客代码解读

打造个性时钟

建立自已的日报

滚动边框综合代码

制作自己的播放器

文字各种移动代码

 

金色分隔线 - 香儿

 

 

 

  评论这张
 
阅读(8462)| 评论(18)
推荐

历史上的今天

评论

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

页脚

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