KinSlideshow焦点图轮播插件
2014-07-01 14:28
162 查看
KinSlideshow默认设置效果代码:
*焦点图显示的标题为 img 中 alt 属性中的文字*当只有一张图片时不显示按钮,但也会有无缝切换效果
* jquery 1.7.2以上版本
jvascript: $(function(){ $("#KinSlideshow").KinSlideshow(); }) HTML: <div id="KinSlideshow" style="visibility:hidden;"> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/1.jpg" alt="这是标题一" /></a> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" /></a> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" /></a> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" /></a> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" /></a> <a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" /></a> </div>
http://www.lanrentuku.com/down/js/jiaodiantu-794/index.html
相关文章推荐
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- 网站开发常用插件之广告轮播(KinSlideshow)
- Jquery.KinSlideshow图片轮播插件
- jquery中焦点图插件kinslideshow
- jQuery焦点图轮播插件KinSlideshow用法分析
- 基于jquery实现轮播焦点图插件
- KinSlideshow jQuery 多样式图片幻灯片插件
- 轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
- jQuery插件实现带圆点的焦点图片轮播切换
- Jquery焦点图/幻灯片效果 插件 KinSlideshow
- ZenCart Banner幻灯片轮播效果 ZX Slideshow插件
- 基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
- 【jQuery插件】slideImg-广告轮播,焦点图效果
- jQuery图片轮播(焦点图)插件
- Jquery焦点图/幻灯片效果 插件 KinSlideshow
- jQuery的图片轮播插件PgwSlideshow使用详解