基于jquery的loading效果实现代码
(编辑：jimmy 日期: 2025/12/25 浏览：3 次 )
在代码<head></head>里加入以下代码：
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js">在里<body></body>加入以下代码：
<div id="loading">Loading content, please wait..<img src="/UploadFiles/2021-04-02/loading.gif">在里的这代码必须保证在网页载入的最前面。
接着是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效果就完成咯。
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js">在里<body></body>加入以下代码：
<div id="loading">Loading content, please wait..<img src="/UploadFiles/2021-04-02/loading.gif">在里的这代码必须保证在网页载入的最前面。
接着是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效果就完成咯。
下一篇：解决jQuery插件tipswindown与hintbox冲突