当前位置:首页 > 脚本代码 > 焦点图 > jQuery焦点图 > 宽屏自适应左右切换jQuery焦点图

格式jQuery

宽屏自适应左右切换jQuery焦点图

更新时间:2014-02-26 类别: jQuery焦点图

宽屏自适应左右切换jQuery焦点图

标签: jQuery 左右箭头 自适应 宽屏

简介:一款支持宽屏100%自适应屏幕大小的jQuery焦点图代码,采用左右滑动式播放控制,幻灯图尺寸为950x400像素,支持自定义设置幻灯播放参数,适合做网站首页焦点推荐,比较实用。

可对效果进行三项设置:

direction:图片自动滚动时的方向,默认为'left',即向左滚动,可设为'right'使其向右滚动。例 $.foucs({ direction: 'right' })

animateTime:图片滚动时需要多少毫秒,默认为500,可设为其它数值。例 $.foucs({ animateTime: 1500 })

interval:图片每隔多少毫秒滚动一次,默认为3500,可设为其它数值。例 $.foucs({ interval: 5000 })

注意:请确保interval的值大于animateTime的值。以上三项设置可同时出现,未设置的将使用默认值。例 $.foucs({ animateTime: 1000, direction: 'right' })

使用提示:
小提示:如果是HTML5 / CSS3特效请使用高级浏览器查看,如:chrome,Firefox,IE9及以上版本浏览器!
版权声明:
大头网为非营利性站点,所有资源均是网上搜集或网友上传仅供学习参考之用,请勿用于商业用途,否则产生的一切后果将由您自己承担,本站将不对任何资源负法律责任。除部分原创作品外,本站不享有版权,如果侵犯了您的版权,请及时与我们联系admin#datouwang.com(#换成@),我们将在72小时内删除。