焚琴煮鹤网站:哈哈，图片添加flash动画，原来那么简单！

哈哈，图片添加flash动画，原来那么简单！

为了方便说明图片+flash动画的操作过程，先提供以下一些素材：

几张背景图片的网络地址：

http://img.ph.126.net/jCjzR5P5hjUOhGeUqDwohQ==/3231051257662025311.jpg

（女人花）

http://img.ph.126.net/aBvCFhjjs00RX-j7mGYKtQ==/917045474123492721.gif  （独思女）

http://img611.ph.126.net/rsAmcCEgAvhv0AfXWBsqow==/1667739237012575383.jpg  （梅花女）

几个flash 动画的网络地址：

http://imgfree.21cn.com/free/flash/113.swf  （粉红色的花瓣飘落）

http://imgfree.21cn.com/free/flash/61.sw f （飞腾的红心）

http://imgfree.21cn.com/free/flash/9.swf   （蓝色蝴蝶飞）

  http://img02.banzhu.net/User_UploadFiles/2010/10/6/201010060943403679.swf  （3个蝴蝶）

http://img02.banzhu.net/User_UploadFiles/2010/10/6/201010060944555292.swf  （气球蝴蝶）

http://img02.banzhu.net/User_UploadFiles/2010/10/6/201010060952245624.swf (6个蝴蝶)

http://img02.banzhu.net/User_UploadFiles/2010/10/6/201010060954029055.swf  (隐现蝴蝶)

http://bbs8.zhxww.net/UploadFile2008/2008-8/20088177262161629.swf  （鱼儿随鼠标移动）

图片添加flash动画，使用的代码是：

先理解这组代码：

1.    WIDTH: 460px 指背景图片的宽是460像素，HEIGHT: 336px 指背景图片的高是336像素.

2. 自己选择背景图片地址和flash动画地址，代入上面代码。代入上面代码后要把背景图片地址和flash动画地址文字删除掉。

3.如果你从博客或网上选择背景图片，可单击该图片，单击“属性”，在弹出的“属性”对话框中可看到图片的网络地址和图片的尺寸，复制图片的网络地址，以便粘贴到代码中。也可以在图片上单击鼠标右键，在弹出的快捷菜单中单击“复制图片地址”。图片的尺寸要大些，宽×高 最好大于500×600

以下是插入了背景图片地址（女人花）和flash动画地址（粉红色的花瓣飘落）后的代码：（暂改了宽和高）

 border=0>

只要你按照以下步骤一步一步操作，就一定能成功：                             

步骤：

1.按住鼠标左键，在上面插入了背景图片地址和flash动画地址的代码上拖过，单击右键

单击“复制”。

2．单击“写日志”按钮，弹出“写日志”编辑页面，单击源代码按钮<>，在页面

单击右键，单击“粘贴”，代码就被粘贴到编辑页面了。

 3.再次单击源代码按钮<>。看到效果。

4..单击“预览“，可看到代码显示效果。

5.单击“返回编辑状态”. 

 6.输入日志标题名称。

7. 单击“发表日志”按钮发表。如果不发表，就单击“保存到草稿”。如果只是训练，

就单击“关闭”退出。你初步成功了！

请你进入以下训练：

训练一：

1.在代码中代入背景图片（独思女）地址和flash动画（飞腾的红心）地址。

2.操作上面的1 ，2，3 三个步骤。看到一个大框和一个虚线小框，大框是背景图

片的表框，虚线小框是flash动画表框。这里觉得动画从人物身上流过不太合适，应

把flash动画表框向右移动一下。方法是：单击“标准”按钮，单击“大”，单击“设

置”，单击“排版”文本框下拉箭头∨，单击“居右”，单击“确定”，动画即被

安排到居右位置了。

3.进行以上步骤4，5，6，7.

训练二：

1.在代码中代入背景图片（梅花女）地址和flash动画（蓝色蝴蝶飞）地址。

2.操作上面的1 ，2，3 三个步骤。看到一个大框和一个虚线小框，大框是背景图

片的表框，虚线小框是flash动画表框。看到“梅花女”身体右边和下边有部份没有

显示出来，说明背景图片的表框不够大，要扩大，要修改背景图片的表框的宽（width）

和高（height）。方法是：单击源代码按钮<>，进入源代码编辑状态，把图片的WIDTH:

 460px中的460改成660，把HEIGHT: 336px 中的336改成446 ，再次单击源

代码按钮<> ，看到“梅花女”原图身体全显示出来了,修改成功。

进行上面4，5，6，7步骤即可。

  下面是背景图片（女人花）+flash 动画（粉红色的花瓣飘落）效果图和“喷泉+礼花”效果图：