13 12
发新话题
打印

长相守

雨天,得亏清雅出手相助,贴出了透明动画定位的教程。我照葫芦画瓢,整了出来(请看六楼效果)。 代码部份,我来解释一下:

 

 

下面是你的帖子代码:

 

<TABLE height=550 cellSpacing=25 width=730 background=http://bohan.cnsuk.net/attachments/forumid_2007/christmas23bk5_1spuWKPBKsDh.jpg>
<TBODY>
<TR>
<TD>
<TABLE borderColor=red height=500 width=680 background=http://photo.southcn.com/bbs/F195692003.4.30.18.31.551.jpg>
<TBODY>
<TR>
<TD rowSpan=3> <EMBED src=http://www.findream.cn/uploads/200704/16_220358_1.mp3 hidden=true type=audio/x-ms-wma>
<TD vAlign=top align=middle>

<EMBED style="WIDTH: 320px; HEIGHT: 280px" src=http://vip.cn/client/fuyongjianpp/2006114185432777.SWF type=application/octet-stream quality="high" wmode="transparent"></EMBED>

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

 

 

1。我把你的代码清理了一下。红色部份是多余的代码。我同时减少了一个 TD。简化以后的代码如下:

 

<TABLE height=550 cellSpacing=25 width=730 background=http://bohan.cnsuk.net/attachments/forumid_2007/christmas23bk5_1spuWKPBKsDh.jpg>
<TBODY>
<TR>
<TD>
<TABLE borderColor=red height=500 width=680 background=http://photo.southcn.com/bbs/F195692003.4.30.18.31.551.jpg>
<TBODY>
<TR>
<TD>

<EMBED src=http://www.findream.cn/uploads/200704/16_220358_1.mp3 hidden=true type=audio/x-ms-wma>
<EMBED style="WIDTH: 320px; HEIGHT: 280px" src=http://vip.cn/client/fuyongjianpp/2006114185432777.SWF type=application/octet-stream quality="high" wmode="transparent"></EMBED>

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

 

 

 

2。按照清雅教程,给FLASH动画添加定位的设定:

 

这些设定,主要是通过这些格式语言来实现的:style="LEFT: 10px; POSITION: absolute; TOP: 400px"

 

 

那么,具体到你的代码中间,是如何来运用的呢?下面红色部份,是我添加的定位设定:

 

 

<TABLE height=550 cellSpacing=25 width=730 background=http://bohan.cnsuk.net/attachments/forumid_2007/christmas23bk5_1spuWKPBKsDh.jpg>
<TBODY>
<TR>
<TD>
<TABLE borderColor=red height=500 width=680 background=http://photo.southcn.com/bbs/F195692003.4.30.18.31.551.jpg>
<TBODY>
<TR>
<TD>

<EMBED src=http://www.findream.cn/uploads/200704/16_220358_1.mp3 hidden=true type=audio/x-ms-wma>
<EMBED style="LEFT: 170px; WIDTH: 320px; POSITION: absolute; TOP: 10px; HEIGHT: 250px" src=http://vip.cn/client/fuyongjianpp/2006114185432777.SWF type=application/octet-stream quality="high" wmode="transparent"></EMBED>

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

 

 

这里的红色部份,LEFT是调左边的位置,POSITION是告诉电脑位置设定是相对的呢,还是绝对的,这里我们用的是绝对的(absolute)。TOP是调距离顶部的位置,WIDTH 和 HEIGHT 是调整FLASH 自己的宽度和高度。注意,我反复调整这些数据,是可以把FLASH定位到想要的位置的。

 

 

本来以为这样就万事大吉了!可是帖出来以后,动画跑到帖子外头去了。后来我仔细研究了一下清雅的教程代码,发现它在动画出现的那个框子中(Table)也有定位的设置。我就如法照搬。下面的绿色部份,是我加在外框中间的定位:

 

<TABLE height=550 cellSpacing=25 width=730 background=http://bohan.cnsuk.net/attachments/forumid_2007/christmas23bk5_1spuWKPBKsDh.jpg>
<TBODY>
<TR>
<TD>
<TABLE id=table style="LEFT: 0px; WIDTH: 680px; POSITION: relative; TOP: 0px; HEIGHT: 500px" borderColor=red background=http://photo.southcn.com/bbs/F195692003.4.30.18.31.551.jpg>
<TBODY>
<TR>
<TD>

<EMBED src=http://www.findream.cn/uploads/200704/16_220358_1.mp3 hidden=true type=audio/x-ms-wma>

<EMBED style="LEFT: 170px; WIDTH: 320px; POSITION: absolute; TOP: 10px; HEIGHT: 250px" src=http://vip.cn/client/fuyongjianpp/2006114185432777.SWF type=application/octet-stream wmode="transparent" quality="high"></EMBED>

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

 

 

经过以上的调整,总算达到精确定位的目的了。

 

首先要谢谢清雅!每次都来帮助我解决难题。

 

也要谢谢雨天,正是你的提问,使得我有了一个实践的机会,得以提高技艺。

TOP

回复 #11 丹田乐土 的帖子

谢谢丹版!还这么谦虚,我都不知说什么词来感谢你呢!我刚才对照看了看,基本能看懂个五六了,正在运用中 论坛有你们一批优秀而热心的老师在,我还怕有什么学不会的!

TOP

回复 #12 雨天 的帖子

相比你这样好学勤奋的学生,我这个同样当学生的真是惭愧啊惭愧!

TOP

 13 12
发新话题