首先非常感谢网友欢欢的无私分享,此作品是她最近写的一款移动端左右+自动滚动图片jquery插件,名称叫hhSwipe,同时也是一款响应式的图片轮播特效,非常实用,页面使用也简单,引入jquery插件文件之后,页面的使用代码只需要写几行就可以了,具体大家可以下载下来详细看一下。。。
页面使用jquery代码如下:
var slider = Swipe(document.getElementById('scroll_img'), {
auto: 3000,
continuous: true,
callback: function(pos) {
var i = bullets.length;
while (i--) {
bullets[i].className = ' ';
}
bullets[pos].className = 'on';
}
});
var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
$(function(){
$('.scroll_position_bg').css({
width:$('#scroll_position').width()
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友欢欢 响应式 移动端 滑动插件 图片轮播 幻灯片 Jquery焦点图 hhSwipe