book.js中$有什么作用，$(‘.runPage‘)在干啥

最新推荐文章于 2024-08-16 07:37:17 发布

hamimelon2020

最新推荐文章于 2024-08-16 07:37:17 发布

阅读量428

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_40945354/article/details/119884066

版权

JavaScript 专栏收录该内容

628 篇文章 6 订阅

订阅专栏

$(function(){
	var pageNum = 0;

	for (var i = 0; i < $('.runPage').length; i++) {
		$('.runPage').eq(i).css('z-index',7-2*i);
		$('.runPage').eq(i).children('div').css('z-index',7-2*i);
		$('.runPage').eq(i).children('img').css('z-index',6-2*i);
	};

	$('.nextBtn').bind('click',function(){
			if ( pageNum <= 2 ) {
				runNext(pageNum);
			pageNum++;
			};
			console.log(pageNum);					
	});

	function runNext(index){
		$('.runPage').eq(index).addClass('runClass');
		zIndexNext(index,$('.runPage').eq(index));
	}

	function zIndexNext(index,element){
		if ( index >= 1 ) {
			element.css('z-index',3+2*index);
		};	
		setTimeout(function(){
			if (index==0) {
				element.css('z-index',3+2*index);
			};
			element.children('div').css('z-index',2+2*index);
			element.children('img').css('z-index',3+2*index);		
		},1000);
	}

	$('.lastBtn').bind('click',function(){
			if ( pageNum >= 1 ) {				
			pageNum--;
			runLast(pageNum);
			};
			console.log(pageNum);					
	});

	function runLast(index){
		$('.runPage').eq(index).removeClass('runClass');
		zIndexLast(index,$('.runPage').eq(index));
	}

	function zIndexLast(index,element){
		if (index == 0) {
			element.css('z-index',7-2*index);
		};
		setTimeout(function(){
			element.css('z-index',7-2*index);
			element.children('div').css('z-index',7-2*index);
			element.children('img').css('z-index',6-2*index);		
		},1000);
	}
});