聪明文档网

聪明文档网

最新最全的文档下载
当前位置: 首页> 实现自动图片轮换的javascript代码

实现自动图片轮换的javascript代码

时间:2011-02-19 17:48:42    下载该word文档

方法一:图片轮换时利用revealTrans滤镜产生转换效果:

style="filter:revealTrans(duration=1)">

方法二:利用wipe滤镜进行左右擦洗式轮换

style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=.5, wipeStyle=0, motion=’forward’)">

注意:图片名必须带有数字规律,而且扩展名一致。

提示:方法二的左右擦洗轮换的详细实现过程主要是依靠自定义对象的简略式写法。假设motion的当前值为"reverse",则

motion={reverse:’forward’,forward:’reverse’}[motion]

相当于

motion={reverse:’forward’,forward:’reverse’}["reverse"]

motion="forward"

如果motion的当前值为"forward",则

motion={reverse:’forward’,forward:’reverse’}[motion]

相当于

motion={reverse:’forward’,forward:’reverse’}["forward"]

motion="reverse"

所以motion的值就在"reverse""forward"之间不断轮换

特别提示

方法一的代码运行后,face文件夹下的图片face1.gifface18.gif将从第一张到最后一张每两秒轮换一次,并且每次轮换的转换效果是23种转换效果里的随机一种。方法二的代码运行后,除了转换的效果是左右轮换式的擦洗效果,其它情况同方法一。:

图片轮换的图片文件名通常是有规律的序列,比如说是从1N,然后设置定时器,每隔一段时间换一张图片,图片文件名作为一个自加变量,在轮换完后再从头开始。另外在任意两张图片的轮换时还会有一些转换的过渡效果,这个主要依靠转换滤镜来实现。

  • 29.8

    ¥45 每天只需1.0元
    1个月 推荐
  • 9.9

    ¥15
    1天
  • 59.8

    ¥90
    3个月

选择支付方式

  • 微信付款
郑重提醒:支付后,系统自动为您完成注册

请使用微信扫码支付(元)

订单号:
支付后,系统自动为您完成注册
遇到问题请联系 在线客服

常用手机号:
用于找回密码
图片验证码:
看不清?点击更换
短信验证码:
新密码:
 
绑定后可用手机号登录
请不要关闭本页面,支付完成后请点击【支付完成】按钮
遇到问题请联系 在线客服