照片动起来php源码,用特简单代码让图片动起来

插入图片，单击源代码按钮，图片自动生成源代码，在自动生成的源代码的开头处和结尾处加上特简单的

代码标记，图片就能上下左右来回走动起来，so  easy  ！

1.代码A 图片向左移动代码：

“图片”

2.代码B 图片来回移动代码：

图片

3.代码C 图片向各个方向(上下左右)移动代码：

图片

语法理解：

1. ， 是一对代码标记，一个在前面(代码开头处)拉，一个

在后面(代码结尾处)推，中间的图片就向前移动了。

2. behavior=alternate> 表示来回移动。

3.direction= 表示方向，up表示向上，可以用down (向下)，left (向左)，right (向

右)代替up。

4.这里的“图片”指的是你的“图片收藏”文件夹中的图片。插入的图片可以是一幅或

几幅。如果你没有“图片收藏”文件夹，建议你在“我的文档”的“文件”按钮中新建

一个文件夹，命名为“图片收藏”。网上选择你喜欢的图片，单击右键，单击“图片另

存为”，保存到该文件夹中，以备用。

5. 将“图片”两端的代码部份，分别粘贴到“图片自动生成的源代码”的开头处和结尾

处。

以下是让图片动起来的操作步骤：

用代码A 图片向左移动代码  “图片” 为例子说明操作步骤：

1.单击“写日志”按钮，打开“写日志”编辑页面，单击“插入图片”按钮，弹出“插

入图片”对话框，单击“添加图片”按钮，在“图片收藏”文件夹中选择图片单击插入，

在对话框向上移动鼠标，当光标呈十字四向形时，按住左键向上移动对话框，找到并单

击“插入图片”按钮，用这个方法可以插入几幅图片。图片被插入了“写日志”编辑页

面。

2.调整图片的大小和位置：单击图片，光标移到图片四个角中任一角，出现分角线头时，

按住左键，向对角线拖动图片，放大或缩小图片到合适。 光标在图片上移动，当光标呈

十字四向形时，按住左键，拖动第2张缩小了的图片到合适位置。  这时在第一张图片右侧出现“I”形插入线，

松开鼠标，第二张图片就弹到了插入线旁。例如让几幅图片排成直线。

3.单击“源代码”按钮<>，进入源代码编辑状态，图片自动生成源代码。以代码A 图

片向左移动代码  “图片” 为例说明。

4.在 上单击右键，单击“复制”，在图片自动生成的源代码的开头处单击

右键，单击“粘贴”，把粘贴到代码开头处。

5. 在上单击右键，单击“复制”， 在图片自动生成的源代码的结尾处单击

右键，单击“粘贴”，把粘贴到代码结尾处。

6. 单击“源代码”按钮<>，单击“预览”。

7.单击“返回编辑状态”，输入日志标题，发表日志或保存到草稿。

代码B 图片来回移动代码,,, 代码C  图片向各个方向移动代码,都用这7个步骤操作。

少一个步骤都不行。

再次总结：要想图片动起来，首先在“写日志”编辑页面插入图片，然后单击源代码按钮，使图片在源代码

编辑状态中自动生成源代码，最后在自动生成的源代码开头处和结尾处分别粘贴上代码A，代码B和代码C

“图片"两端部份就OK了。

这些制作好的代码也可以粘贴到首页“自定义模块”中。方法请看《  如何把模块代码粘贴到日志或首页“自定义模块”中》

一文。

以下是代码A,B,C效果图：

1.清明上河图