jQuery焦点图片自动滚动切换代码

来源:https://www.sucaihuo.com/js/2813.html 2017-08-23 19:36浏览(1084) 收藏

jQuery网站焦点图片自动滚动切换代码,左右箭头按钮控制图片无缝滚动轮播特效,演示有三种效果。
jQuery焦点图片自动滚动切换代码
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery.slider.js"></script>
<script>
window.onload = function(){
	var currentIndex = 0;
	// $(document).ready(function(){
	// 	var ulLength = $('.ul-slider').children().length * 1020;
	// 	$('.ul-slider').css('width', ulLength );
	// 	setInterval(function(){
	// 		currentIndex ++;
	// 		if(currentIndex > 4) {
	// 			// currentIndex = 0
	// 			$('.ul-slider').css('left',0)
	// 			currentIndex = 1
	// 		}
	// 		$('.ul-slider').stop().animate({'left': -1020 * currentIndex},500)	
	// 	},3000)
	// });

	$('.testSlider').slider({
		originType:'tuoyuan'
	});
	$('.testSlider1').slider({
		width:300,
		height:300,
		showSlider: false,
		showOrigin: false,
		originPosition:'center'
	});

	$('.testSlider3').slider({
		width:852,
		height:300,
		originPosition:'center'
	});
}
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2