2
回答
jQuery的animate和setInterval问题
华为云4核8G,高性能云服务器,免费试用   
<!DOCTYPE html>
<html>
	<head>
		<meta content="utf-8">
		<script type="text/javascript" src="jquery-1.4.4.js"></script>
		<script type="text/javascript" src="animate.js"></script>
		<style>
			#d1 {
				width: 548px;
				height: 177px;
			}
			#d2{
				width: 548px;
				height: 177px;
				background-color:red;
				position:relative;
				left:500px;
			}
			.ulImg {
				list-style:none;
				padding:0;
				margin:0;
				position:relative;
			}
			.liImg{
				position:relative;
				height:177px;
			}
			.ulText{
				list-style: none;
				position:absolute;
				left:390px;
				top:145px;
			}
			.liText{
				display:block;
				float:left;
				width:15px;
				height:15px;
				border:1px solid yellow;
				margin-right:5px;
				text-align:center;
				font-size:0.5em;
				background-color:#ECBA97;
			}
			img{
				margin:0;
			}

		</style>
	</head>

	<body>
		<div id="d1">
			<ul class="ulImg">
				<li class="liImg"><img src="images/1.jpg">
				</li>
				<li class="liImg"><img src="images/2.jpg">
				</li>
				<li class="liImg"><img src="images/3.jpg">
				</li>
				<li class="liImg"><img src="images/4.jpg">
				</li>
				<li class="liImg"><img src="images/5.jpg">
				</li>
			</ul>
			<ul class="ulText">
				<li class="liText">
					1
				</li>
				<li class="liText">
					2
				</li>
				<li class="liText">
					3
				</li>
				<li class="liText">
					4
				</li>
				<li class="liText">
					5
				</li>
			</ul>
		</div>
		
		<div id="d2"></div>
		<script>
			
		</script>
	</body>
</html>
jQuery(function(){
	//这是测试代码
	$("#d2").click(function(){
		$(this).animate({left:"500px"}, 2000);
	});
	
	
	
	// $(".ulImg").click(function(){
		// $(this).animate({top:"-177px"}, 2000);
	// });
	
	
	//以下是作用代码
	
	function goUp(){
		$(".ulImg").animate({top:"177px"}, 2000);//只向上滚动一次
		console.log("hello");//正常执行
	}
	
	setInterval(goUp, 1000);
	
});
为什么向上滚动的动画,只执行了一次就停止了,但是控制台确是正常地重复输出“hello”呢?我用的ff和chrome
<无标签>
举报
55wish
发帖于5年前 2回/1K+阅

以下是问题补充:

  • @55wish :<pre class="brush:js; toolbar: true; auto-links: false;">这个不是js文件里面的 (5年前)
顶部