欢迎来到HTML5中文学习网! 
  • 首页
  • html5教程
  • 网站及特效实例
  • 教程视频
  • html5资讯
  • bootstrap
  • HTML5演示
  • HTML5论坛
  • JS图片过渡效果

    2011-02-27 来源/作者:HTML5中文学习网 分类:图片特效 «»
    JS图片过渡效果 JS图片过渡效果

    多种图片过度方式,可用作焦点图使用。

    注意以下几点:
    1、所有图片的文件名和文件格式要统一,用序号区分,如本例所用图片的文件名(含相对路径)为:images/lanren1.jpg、images/lanren2.jpg、images/lanren3.jpg;
    2、所有图片的大小最好要一致。若图片的大小不一致,虽不影响程序的运行,但在显示时,均以插入在网页上的那张图片的大小来显示,那么,大的图片将缩小显示,小的图片放大显示,影响效果。
    3、在修改定时器函数setTimeout中的定时时间或修改CSS的revealTrans的切换时间Duration参数的值时,要使前者的时间大于后者的时间,否则,切换过程还没有完成就又开始下一过程了,从而使人无法看清楚图片。另外要注意,定时器是以毫秒为单位计时,而滤镜是以秒为单位计时。
     

    标签:图片特效