Posted in Javascript onDecember 16, 2014
本文实例讲述了jquery队列函数用法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="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> Click here... <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程序设计的学习有所帮助。
jquery队列函数用法实例
- Author -
shichen2014声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@