那年花开张文清是谁:动态图片处理特效代码

来源:百度文库 编辑:偶看新闻 时间:2024/04/29 22:27:14

一、自右左移动

  代码格式




     

代码说明:

(1)窗口和图片的宽度、高度的单位为像素。

(2)显示窗口宽度通常以大于等于图片宽度为宜(特长图片例外),显示窗口高度通常应等于图片高度。

(3)scrollAmount为移动速度。

 

(二)多张图片左移

  代码格式









……


 

代码说明:(1)窗口和图片的宽度、高度的单位为像素。

(2)显示窗口宽度通常以大于等于图片宽度为宜,显示窗口高度通常应等于图片高度。

(3)多张图片之规格尺寸通常应大小一致。

(4)scrollAmount为移动速度。

二、自下上移动

(一)单张图片上移

      代码格式 





   

代码说明:

(1)窗口和图片的宽度、高度的单位为像素。

(2)显示窗口宽度通常应等于图片宽度,显示窗口高度通常以大于等于图片高度为宜(特长图片例外)。

(3)scrollAmount为移动速度。

 

(二)多张图片上移

  代码格式









……


 

代码说明:

(1)窗口和图片的宽度、高度的单位为像素。

(2)显示窗口宽度通常应等于图片宽度,显示窗口高度通常以大于等于图片高度为宜。

(3)多张图片之规格尺寸通常应大小一致。

(4)scrollAmount为移动速度。

倾斜移动

 代码格式





 

代码说明:

D1=down或up,D2=left或right

左右摆动

(一)单张图片左右摆动

代码格式



  

代码说明:

scrollDelay为滚动两次之间的延迟时间,数值越大越有跳跃感,可根据情况自行设定。

(二)多张图片左右摆动

代码格式







……


代码说明:

scrollDelay为滚动两次之间的延迟时间,数值越大越有跳跃感,可根据情况自行设定。

上下振动

(一)单张图片上下振动

代码格式




代码说明:

scrollDelay为滚动两次之间的延迟时间,数值越大越有跳跃感,可根据情况自行设定。

(二)多张图片上下振动

代码格式







……


代码说明:

(1) scrollDelay为滚动两次之间的延迟时间,数值越大越有跳跃感,可根据情况自行设定。

(2)多张图片上下振动的显示窗口高度应大于N张图片的总高度。

反相移动(多图)

(一)自中间向左右反相移动

代码格式






……






……

代码说明:

(1)若要使图片自两边向中间移动,只需将上述代码中的left和right的位置互换一下即可。

(2)向左右相反方向移动图片的数量通常应相等,即M=N。

(二)自中间向上下反相移动

代码格式






……






……

代码说明:

(1)若要使图片自上下向中间移动,只需将上述代码中的up和down的位置互换一下即可。

(2)向上下相反方向移动图片的数量通常应相等,即M=N。

自动切换翻页

 代码格式 



 

 

 

代码说明:

(1)width=宽度(像素),height=高度(像素),textheight是文字区域高度,自己可根据实际自行设置。

(2)bgcolor="#38B0DE" 双引号中间部份是背景颜色值,可以参考颜色代码值设置。

(3)图片地址:就是你的图片或者文章所配图片的地址。

文章地址:如果图片1是你用是文章1所配的图片,那就把文章1的地址粘贴在这里。文章标题:就是这篇文章的标题。

(4)如果需要添加文章标题,则应添加相应的文章地址和文章标题,textheight值通常在20-40之间。

图片在边框中移动

1.

这是测试文字

 

2.











3.