jquery队列函数用法实例
本文实例讲述了jquery队列函数用法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.9.1.js"></script>
</head>
<body>
<style>
div{margin:3px;width:40px;height:40px;
position:absolute;left:0px;top:30px;
background:green;display:none;}
div.newcolor{background:blue;}
</style>
Clickhere...
<div></div>
<script>
$(document.body).click(function(){
$("div").show("slow");
//$("div").slideDown();
$("div").animate({left:'+=200'},2000);
$("div").queue(function(){//入队列
$(this).addClass("newcolor");
$(this).dequeue();//出队列
});
$("div").animate({left:'-=200'},2000);
$("div").queue(function(){//入队列
$(this).removeClass("newcolor");
$(this).dequeue();//出队列
});
$("div").slideUp();
});
</script>
</body>
</html>
希望本文所述对大家jQuery程序设计的学习有所帮助。