殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

简单顶端流线加载效果

殷德瑶 2016-6-7 emlog教程 评论 2097 次

HTML代码:

<div id="web_loading">	
	<div>		
	</div>
</div>


JS代码:

$("a").click(function(){
$("#web_loading div").animate({width:"100%"},100,function(){setTimeout(function(){$("#web_loading div").fadeOut(500)}) })


CSS代码:

#web_loading{z-index:99999;width:100%;position:absolute;top:0}
#web_loading div{width:0;height:2px;background:#c00}


发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客