您好,欢迎来到设计路上 Design63.com.cn !
返回首页   |   收藏本站   |   网站地图
设计源于灵感,灵感源于借鉴——这是每个网页设计师都应该牢记的“成功法则”。
网站2013版全新上线,如果您喜欢本站,请推荐给您的朋友...
我要投稿
所有素材 焦点图广告 图片特效 菜单导航 图片相册 广告代码 实用装饰 其它代码
精美的JS图片过渡效果
来源:互联网    类别:焦点图广告    时间:2013-1-3    浏览:6872    

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

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

  • 效果预览
  • 点击下载
  • 特别说明:
    本站“设计素材”栏目内的所有资源(包括素材、代码、资料等)仅供学习与参考,请勿用于商业用途。
您可以查询您需要要的内容 ······

互联网 本站
关于我们   |   版权声明   |   广告服务   |   网友投稿   |   联系我们   |   网站地图   |   收藏本站
Copyright © 2006-2017 广州企建网络科技有限公司. All rights reserved.    粤ICP备06100588号-8    QQ群:1644293
最佳分辨率1280*800,建议使用Chrome、Firefox、Safari、ie8版本浏览器