load页面结合fadeout,fadein

本文主要是介绍load页面结合fadeout,fadein，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 页面前进加载：$('.sys-main a').not('[href]').attr('href','javascript:void(0)').filter('[k][k!=""]').click(function(){
var key=$(this).attr('k'),obj_pub=$('body>.sys-'+key);
if(0<obj_pub.length){
$('body>.sys-index').fadeOut('normal',function(){$(window).scrollTop(0);obj_pub.fadeIn('normal')});
}else{
var pub_div=$('<div>',{'class':'sys-'+key,'style':'display:none'}).appendTo('body');
pub_div.load('html/'+key+'.html',{_date:new Date()},function(){
$('body>.sys-index').fadeOut('normal',function(){$(window).scrollTop(0);pub_div.fadeIn('normal')});
})
}

});

加载后返回上一页：

  var obj_files=$('body>.sys-files');
obj_files.find('>.navbar-fixed-top a.btn').click(function(){
var obj_pub=$('body>.sys-'+$(this).attr('k'));
obj_files.fadeOut('normal',function(){$(window).scrollTop(0);obj_pub.fadeIn('normal')});
});

这篇关于load页面结合fadeout,fadein的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---