高温热风炉:图片处理特效代码——动态篇

来源：百度文库编辑：九乡新闻网时间：2024/05/02 12:04:43

一、自右向左移动
(一)单张图片左移
1、代码格式

代码说明：
(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常以大于等于图片宽度为宜(特长图片例外)，显示窗口高度通常应等于图片高度。
(3)scrollAmount为移动速度。
2、效果图例
(1)普通效果

(2)带滤镜效果

(二)多张图片左移
1、代码格式

……

代码说明：(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常以大于等于图片宽度为宜，显示窗口高度通常应等于图片高度。
(3)多张图片之规格尺寸通常应大小一致。
(4)scrollAmount为移动速度。
2、效果图例

二、自左向右移动
(一)单张图片右移
1、代码格式

代码说明：
(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常以大于等于图片宽度为宜(特长图片例外)，显示窗口高度通常应等于图片高度。
(3)scrollAmount为移动速度。
2、效果图例

(二)多张图片右移
1、代码格式

……

代码说明：
(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常以大于等于图片宽度为宜，显示窗口高度通常应等于图片高度。
(3)多张图片之规格尺寸通常应大小一致。
(4)scrollAmount为移动速度。
2、效果图例

三、自下向上移动
(一)单张图片上移
1、代码格式

代码说明：
(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常应等于图片宽度，显示窗口高度通常以大于等于图片高度为宜(特长图片例外)。
(3)scrollAmount为移动速度。
2、效果图例

(二)多张图片上移
1、代码格式

……

代码说明：
(1)窗口和图片的宽度、高度的单位为像素。
(2)显示窗口宽度通常应等于图片宽度，显示窗口高度通常以大于等于图片高度为宜。
(3)多张图片之规格尺寸通常应大小一致。
(4)scrollAmount为移动速度。
2、效果图例

四、自上向下移动
(一)单张图片下移
1、代码格式

(二)多张图片下移
1、代码格式

……

五、倾斜移动
1、代码格式

代码说明：
D1=down或up，D2=left或right
2、效果图例

六、左右摆动
(一)单张图片左右摆动
1、代码格式

代码说明：
scrollDelay为滚动两次之间的延迟时间，数值越大越有跳跃感，可根据情况自行设定。
2、效果图例
vior=alternate width="100%" height=200>

(二)多张图片左右摆动
1、代码格式

……

代码说明：
scrollDelay为滚动两次之间的延迟时间，数值越大越有跳跃感，可根据情况自行设定。
2、效果图例
vior=alternate width=700 height=222>

七、上下振动
(一)单张图片上下振动
1、代码格式

代码说明：
scrollDelay为滚动两次之间的延迟时间，数值越大越有跳跃感，可根据情况自行设定。
2、效果图例
vior=alternate width=300 height=230>

(二)多张图片上下振动
1、代码格式

……

代码说明：
(1) scrollDelay为滚动两次之间的延迟时间，数值越大越有跳跃感，可根据情况自行设定。
(2)多张图片上下振动的显示窗口高度应大于N张图片的总高度。
2、效果图例
vior=alternate width=300 height=830>

八、反相移动(多图)
(一)自中间向左右反相移动
1、代码格式

……

代码说明：
(1)若要使图片自两边向中间移动，只需将上述代码中的left和right的位置互换一下即可。
(2)向左右相反方向移动图片的数量通常应相等，即M=N。
2、效果图例
(1)自中间向两边移动

(2)自两边向中间移动

(3)多组水平反相移动(折展效果)

(二)自中间向上下反相移动
1、代码格式

……

代码说明：
(1)若要使图片自上下向中间移动，只需将上述代码中的up和down的位置互换一下即可。
(2)向上下相反方向移动图片的数量通常应相等，即M=N。
2、效果图例
(1)自中间向上下移动

(2)自上下向中间移动

九、自动切换翻页
1、代码格式

代码说明：
(1)width=宽度(像素)，height=高度(像素)，textheight是文字区域高度，自己可根据实际自行设置。
(2)bgcolor="#38B0DE" 双引号中间部份是背景颜色值，可以参考颜色代码值设置。
(3)图片地址：就是你的图片或者文章所配图片的地址。
文章地址：如果图片1是你用是文章1所配的图片，那就把文章1的地址粘贴在这里。文章标题：就是这篇文章的标题。
(4)如果需要添加文章标题，则应添加相应的文章地址和文章标题，textheight值通常在20-40之间。
2、效果图例
(1)不带文章标题效果
',1)">

(2)带文章标题效果
',2)">

十、图片在边框中移动
1、效果一及其代码

这是测试文字

2、效果二及其代码

3、效果三及其代码

vior=alternate width="100%" height=150>

vior=alternate width="100%" height=160>

附注：
1、各主要参数的含义：
align：是设定活动对象(图片或文字)的位置；
direction：用于设定活动对象的滚动方向是向左、向右、向上、向下；
Behavior：用于设定滚动的方式，主要由三种方式：behavior="scroll"表示由一端滚动到另一端；
behavior="slide" 表示由一端滑动到另一端，且不再重复；behavior="alternate"表示在两端之间来回滚动。
Height：用于设定滚动对象的高度；
Width：则设定滚动对象的宽度；
Hspace和vspace：分别用于设定滚动对象的左右边框和上下边框的宽度；
Scrollamount：用于设定活动对象的滚动距离；数值越大滚动越快；
scrolldelay：用于设定滚动两次之间的延迟时间，数值越大越有跳跃感；
Loop：用于设定滚动的次数，不设置该值则为无限循环；
标记的默认情况是向左滚动无限次，字幕高度是文本高度，滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。
2、代码使用方法：
(1)放于博客主页：在编辑状态下，依次进入“装扮博客”、“设置首页内容”，选择“添加自定义模块”，将代码粘贴到模块中，合理设置后再保存即可。
(2)放于日志中：在编辑状态下，进入写日志或编辑原有日志，依次点击“全部功能”、“<>”按钮，进入HTML代码编辑状态，将相关代码粘贴到合适位置，合理设置后再保存即可。
呵呵，终于写完这部分了！只希望新入门的朋友能一目了然！

图片处理特效代码——动态篇图片雾化移动特效代码图片自动翻页特效代码【图片特效代码汇总】【引用】滚动图片特效代码图片特效代码：星光闪闪图片滚动特效代码DD 滚动图片特效代码博客图片特效代码大全特效代码大全 [图片] 滚动图片特效代码1 滚动图片特效代码2 图片羽化特效代码网店装修篇-动态图片上加文字 - 网店图片处理滚动图片特效代码（2）图片羽化及滚动特效代码介绍一个图片的特效代码图片精美边框特效代码总汇图片各种滤镜特效代码* 11111111 图片羽化移动特效代码大全动态图片-搞笑证件-GIF动画网络处理工具- 特效代码文字在图片上飘动的特效代码！滚动图片特效代码（2）1