背景图片加入透明flash动画的定位技巧

唯丽嗜图 2013-01-03

展开全文

背景图片加入透明flash动画的定位技巧

2011-04-28 12:03:56| 分类：博客技巧 |字号订阅

背景图片加入透明flash动画的定位技巧

整理：闪闪的红星

在背景图片上加入透明flash，能起到点缀修饰和美观作用。要达到修饰和美观效果，一般只需将flash加在图片上即可。但要在图片上给flash进行准确定位，当然存在一定的技巧。现将背景图片加入flash后的效果、代码以及定位技巧和方法简要介绍如下：

一、背景图片加入透明flash后的效果图：

二、背景图片加入透明flash的定位代码：

<TBODY>

<TR>

<TR>

<TR>

三、上述代码的有关说明：

1、显示大边框（表格）的代码：

<TBODY>

<TR>

其中蓝色标明的“图片地址”是背景图片的地址，你只要把喜欢的图片地址输入到“图片地址”里，便可获得新的背景图片；borderColor=#ff0000这是边框(表格)右边的颜色代码，borderColorLight=#ffff00这是边框(表格)左边的颜色代码（当然也可不用颜色代码，由系统默认为透明色）；红色标明的width=700 和height=460分别表示图片的宽和高。

2、显示小边框（表格）的代码：

<TD width="34%">这是小边框（表格）代码，也是控制每一个小边框百分比宽的代码。用它来给每一个flash进行定位。

用黄色标明的“flash地址”，就是我们要加入的flash地址，把自己选择的flash地址输入到“flash地址”里；cellSpacing=0这是控制边框之间、文字与边框之间距离的代码，自己可以在1以上的数字进行调整，0为无效数字。

3、显示边框线或隐藏边框线的代码：

border=0这是让边框线隐藏、显示的代码。如果想要显示边框线，就把它设为有效数字（1以上的数字），如果不想显示边框线，就把它设为0。

4、给flash定位的具体位置：

以上图为例，把背景图片（包括flash）从横向、纵向进行上、中、下平均分成三等份，每个等份又分成三个小方形边框（表格），共形成9个小方形边框（表格）。这9个小方形边框（表格）就是固定flash的边框（表格）的（"容器）。只要自己把选择的flash地址分别输入到“flash地址”里就行了。代码中用红色标注的上左、上中、上右；中左、中中、中右；下左、下中、下右，主要是为了我们自己在输入flash地址时，起方便和记忆作用。

5、小方形边框平分的方法：

把背景图片的宽，平均分成三等份，就是每一个flash的宽，把背景图片的高，同样平均分成三等份，就是每一个flash的高了。

本代码中效果背景图片的宽是700，分三等份，每一个flash的宽就是230；背景图片的高是460，分三等份，每一个flash的高就是153，这样的设置一般加入flash后就不会变形。