使用jQuery.queue()多個元素依次出現(xiàn)

平日學習點滴

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比晉中網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式晉中網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋晉中地區(qū)。費用合理售后完善，十年實體公司更值得信賴。

//use jQuery

<script type="text/javascript">
$(function() {
varjsonData = [{
cont: "加油！",
name: "guest"
}, {
cont: "加油??！",
name: "guest"
}, {
cont: "加油?。?！",
name: "guest"
}];
$.each(jsonData, function(index, item) {
//解析添加DOM
$("#content").append("<span>"+ item.cont + "By:"+ item.name + "</span>").find('span').hide();
});
//隊列數(shù)組，按順序依次執(zhí)行
//可以在此自定義效果
varqueue_list = [
function(){$("#content").find('span:eq(0)').fadeIn(200, _next);},
function(){$("#content").find('span:eq(1)').fadeIn(200, _next);},
function(){$("#content").find('span:eq(2)').fadeIn(200, _next);},
function(){$("#content").find('span:eq(0)').fadeOut(200, _next);},
function(){$("#content").find('span:eq(1)').fadeOut(200, _next);},
function(){$("#content").find('span:eq(2)').fadeOut(200, run);},
];
//執(zhí)行下一個隊列
var_next = function() {
$("#content").dequeue('_fx');
}
//執(zhí)行第一個隊列
varrun = function(){
$("#content").queue('_fx', queue_list).dequeue('_fx');
};
//run
run();
});
</script>

本文標題：使用jQuery.queue()多個元素依次出現(xiàn)
網(wǎng)站路徑：http://muchs.cn/article10/jopdgo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、網(wǎng)站導航、微信公眾號、企業(yè)建站、定制開發(fā)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)