插件描述：全屏滚动JS 带有遮罩效果
全屏无缝滚动加透明遮罩效果，支持IE10以上版本浏览器
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
lightslider支持移动触摸的轻量级jQuery幻灯片插件
lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备，它可以制作为带缩略图的内容幻灯片，或者制作为无限循环的旋转木马。
幻灯片和轮播图
讨论这个项目（19）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
?叫我杂先生 ??丶 5
2016/3/22 17:03:07
没有实现自动播放的看这里，我自己修改了一下，实现自动播放加鼠标经过暂停。直接加到index.js最后面就行了。
var int = null;
$(".bannerBut ul li").hover((function() {
window.clearInterval(int);
$(this).addClass('hover').siblings('li').removeClass('hover');
var _index1 = $(this).index();
$('.bannerCon .scroll').stop().animate({
left: -_index1 * 750
}, 500);
}), (function() {
int = self.setInterval("auto_play()", 2500);
}));
int = self.setInterval("auto_play()", 2500);
function auto_play() {
_index1++;
if (_index1 > 9) {
_index1 = 1;
$('.scroll').css('left', '0px');
$('.scroll').animate({
left: -_index1 * 750
}, 500);
$('.bannerBut ul li').eq(_index1).addClass('hover').siblings('li').removeClass('hover');
} else {
$('.bannerBut ul li').eq(_index1).addClass('hover').siblings('li').removeClass('hover');
$('.scroll').animate({
left: -_index1 * 750
}, 500);
}
}
西瓜0
2016/3/22 17:03:18
-
不错，支持！
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
