首页 > 网页特效 > jQuery幻灯 > 全屏显示的jQuery上下滑动轮播幻灯片特效代码

全屏显示的jQuery上下滑动轮播幻灯片特效代码

时间:2013-05-13    来源:互联网

基于jQuery框架的上下滑动轮播幻灯片特效代码,支持自动满屏显示,带有上下箭头控制条,可上下滑动轮播显示,效果不错。兼容IE 6/7/8/9及其它主流浏览器。

使用方法:

依次引入css、jQuery脚本库及jquery.fullfoucs.js文件;将代码复制到页面中即可。

效果设置:

  • isAutoPlay:是否自动滚动,默认为true,即页面打开后焦点图自动滚动,可设为false。例 $.fullFoucs({ isAutoPlay: false })
  • direction:图片自动滚动时的方向,默认为'up',即向上滚动,可设为'down'使其向下滚动。例 $.fullFoucs({ direction: 'down' })
  • animateTime:图片滚动时需要多少毫秒,默认为1000,可设为其它数值。例 $.fullFoucs({ animateTime: 2500 })
  • interval:图片每隔多少毫秒滚动一次,默认为3500,可设为其它数值。例 $.fullFoucs({ interval: 5000 })
  • 注意:请确保 interval 的值大于 animateTime 的值

以上四项设置可同时出现,未设置的将使用默认值。例 $.fullFoucs({ animateTime: 1000, isAutoPlay: false })

分类导航

特效推荐

热门特效

热门教程