平日学习点滴
//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();
});
//队列数组,按顺序依次执行
//可以在此自定义效果
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);},
];
//执行下一个队列
var_next = function() {
$("#content").dequeue('_fx');
}
//执行第一个队列
varrun = function(){
$("#content").queue('_fx', queue_list).dequeue('_fx');
};
//run
run();
});
</script>
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。