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

.

.

 
 
 

日志

 
 
关于我

我是一名教育工作者,为人正直爽快.诚实守信,热情好客.乐于助人.真诚结交各地朋友,是我最大的心愿!

网易考拉推荐

分割的大图音画(动画)拼合代码  

2010-04-10 09:13:23|  分类: 博客美化 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

分割的大图音画(动画)拼合代码

(以四张图片为例)。

代码格式如下:

<TABLE style="LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1008 align=center border=0>

<TBODY>

<TR>

<TD><IMG height=图片高度 src="第一张图片网址" width=1008></TD></TR>

<TR>

<TD><IMG height=图片高度 src="第二张图片网址" width=1008></TD></TR>

<TR>

<TD><IMG height=图片高度 src="第三张图片网址" width=1008></TD></TR>

<TR>

<TD><IMG height=图片高度 src="第四张图片网址" width=1008></TD></TR></TBODY></TABLE>

<EMBED src=此处加音乐网址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>

  

 以上我们讲了图片的拼合,下面再来说说FLASH音画的拼合,其实当你会了裁切图片的拼合,那么动画的拼合对你也就是小菜一碟了。我们只要将插入图片的标识符改写成插入FLASH的标识符就可以了,下面,我们来看看相关代码:

<TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=40 align=center background=背景图片网址 border=0>

<TBODY>

<TR>

<TD width="100%">

<TABLE cellSpacing=0 cellPadding=0 width=FLASH宽度 align=center border=0>

<TBODY>

<TR>

<TD>

<P align=center><EMBED src=第一个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>

<TR>

<TD>

<P align=center><EMBED src=第二个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>

<TR>

<TD>

<P align=center><EMBED src=第三个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>

<TR>

<TD>

<P align=center><EMBED src=第四个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR></TBODY></TABLE>

<EMBED src=此处加入音乐网址 hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>

    在起始代码的部分,相信大家注意到了这样的一组代码:style="LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px",这点对大图音画贴的发贴是个关键,其属性如下:

LEFT: -120px;定位网页整体的左右位置,数值越小越向左偏移,反之向右移动

WIDTH: 1008px 整体网页的展示宽度,用像素值来定义

POSITION: relative设定网页以相对本文档面显示

TOP: 0px 边框距顶部的距离

          无所谓欢迎您光临

  评论这张
 
阅读(133)| 评论(2)
推荐 转载

历史上的今天

评论

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

页脚

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