文章来源:淘论文网   发布者: 毕业设计   浏览量: 74



还可以点击去查询以下关键词:
[滚动]    [图片]    [切换]    [毕业]    [html5+jQuery]    [代码]    [JS滚动图片切换毕业_html5+jQuery代码]   

摘要:HTML5源码,网页应用,网页图片切换

可看作是网页JS图片切换,但代码对浏览器有要求,IE9及以上版本,或火狐及Chrome,HTML5内核+jquery滚动插件综合实现的网页图片特效。支持左右滚动切换图片,001 002 003文件夹分别是3个幻灯的图片包,注意图片名称不要改,若名称有1个不对,则当前幻灯图将无法点击控制。文字若使用中文,可通过导入相应字体进行美化,不过会影响速度,因为中文字体都比较加载慢,也可以通过css直接设置浏览器支持的字体和大校相关参数设置:
  slideDirection: 'right', // 滑动方向。将新层滑动(!)这个方向。
  slideDelay: 15000,// 幻灯片开始延迟时间。
  parallaxIn: .45,// 修改动画的幻灯片的视差效应。
  parallaxOut: .45,// 修改的幻灯片动画视差效果。
  durationIn: 1500,// 在动画的幻灯片持续时间。
  durationOut: 1500,// 幻灯片的动画时间。
  easingIn: 'easeInOutQuint',// 宽松(类型转换)在动画的幻灯片。
  easingOut: 'easeInOutQuint',// 宽松(类型转换)的幻灯片动画。
  delayIn: 0,// 在动画幻灯片延迟时间。
  delayOut: 0 // 幻灯片的动画延迟时间。


这里还有:


还可以点击去查询:
[滚动]    [图片]    [切换]    [毕业]    [html5+jQuery]    [代码]    [JS滚动图片切换毕业_html5+jQuery代码]   

请扫码加微信 微信号:sj52abcd


下载地址: http://www.taolw.com/down/1362.docx
  • 上一篇:HTML5小球撞击的实现例子
  • 下一篇:HTML5+CSS3倾斜的图定制片查看器jQuery代码
  • 资源信息

    格式: docx