基于jquery的loading效果实现代码

在代码<head></head>里加入以下代码:

<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代码:

<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;}
一个基于jquery的loading效果就完成咯。

您可能感兴趣的文章:

  • IOS中UIWebView加载Loading的实现方法
  • 基于jquery的loading 加载提示效果实现代码
  • 扩展easyui.datagrid,添加数据loading遮罩效果代码
  • 制作Flash Loading 加载进度条
  • 三款Android炫酷Loading动画组件推荐
  • JS Loading功能的简单实现
  • js loading加载效果实现代码
  • 收集的几个漂亮的loading图片
  • 很酷的javascript loading效果代码
  • iOS动画教你编写Slack的Loading动画进阶篇

本文由华夏彩票发布于关于计算机,转载请注明出处:基于jquery的loading效果实现代码

您可能还会对下面的文章感兴趣: