*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。
jQuery 渐变式焦点图,兼容主流浏览器,推荐下载!
使用方法:
1。依次引入 nav.css 、jQuery 脚本库以及 jquery.nav.js 文件;
2。复制代码到页面中即可。
备注:
1。可在代码中的 nav( ) 括号里进行设置,其中:(1 秒 = 1000 毫秒)
t : 表示图片切换的时间间隔,默认为 3000 ,单位毫秒;
a : 表示图片渐变的时间,默认为 500 ,单位毫秒。
t 和 a 都不是必需的,没进行设置的将使用默认值。
例如我想要图片每 1 秒就切换一次,每次要 3 秒才显示出来,则可以这样写:
$('#inner').nav({ t : 1000 , a : 3000 });
2。因为写成了 jQuery 插件的形式,所以 jQuery 原本的链式写法依旧有效,例如在启用焦点图后继续对 #inner 这个元素进行设置:
$('#inner').nav({ t : 1000 , a : 3000 }).css('background','black');