来源:汽车之家 代码整理:HTML素材网 感谢:Mr.Here
*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。
汽车之家jQuery卡片式焦点图,HTML素材网推荐下载!
使用方法:
1。依次引入 goodnav.css 、jQuery 脚本库以及 jquery.litenav.js 文件;
2。复制代码到页面中即可。
备注:
1。可在代码中的 liteNav( ) 括号里设置图片自动切换的时间间隔,不设置则默认 2000,单位毫秒(1秒 = 1000 毫秒)
例如我想要图片每 1 秒切换一次,则可以这样写:
$('#hotpic').liteNav(1000);
2。因为写成了 jQuery 插件的形式,所以 jQuery 原本的链式写法依旧有效,例如在启用焦点图后继续对 #hotpic 这个元素进行设置:
$('#hotpic').liteNav(1000).css('background','black');