首先非常感谢网友杰立的无私分享，此作品是他在浏览酷狗网站的繁星歌友会子站看到的，觉得好看就把它整理下来分享给大家用，效果非常棒，实现了分栏图片轮播jquery特效，他在国家高新技术企业里从事政府资助方面的工作，边自学前端方面的技术，看到好的特效都会去整理的，大家好好利用哦。。。
初始化jquery代码如下：
var sliderArray = [];
var sliderObj = {
src: 'http://image.fanxing.kugou.com/fansbanner/20130829/20130829150314661249.jpg',
alt: '加入繁星歌友会',
link: 'http://www.jq-school.com',
title: '加入繁星歌友会'
};
sliderArray.push(sliderObj);
var sliderObj = {
src: 'http://image.fanxing.kugou.com/fansbanner/20130925/20130925115238961365.jpg',
alt: '“梦的城堡”童可可在线歌友会',
link: 'http://www.jq-school.com',
title: '“梦的城堡”童可可在线歌友会'
};
sliderArray.push(sliderObj);
var sliderObj = {
src: 'http://image.fanxing.kugou.com/fansbanner/20130829/20130829171457234787.jpg',
alt: '如何发起演出',
link: 'http://www.jq-school.com',
title: '如何发起演出'
};
sliderArray.push(sliderObj);
var sliderObj = {
src: 'http://image.fanxing.kugou.com/fansbanner/20130829/20130829171519680392.jpg',
alt: '礼品获取',
link: 'http://www.jq-school.com',
title: '礼品获取'
};
sliderArray.push(sliderObj);
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友杰立 幻灯片 图片轮播 Jquery焦点图 图片全屏显示 滑动插件 图片滚动 图片特效