---- 淘宝优惠券 ----欢迎到论坛交流 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

基于jquery的loading效果实现代码

javascript 蚂蚁 2625℃ 0评论

在代码里加入以下代码:

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script> 

在里加入以下代码:

<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div> 

接着是css代码:

#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;} 

http://www.jb51.net/article/25222.htm

转载请注明:有爱前端 » 基于jquery的loading效果实现代码

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情