菊花转动的jquery加载动画效果

jQuery 2019-01-08

<div class="jb51code">
<pre class="brush:js;">
<!DOCTYPE html>
<html lang="en">

Title .box{width:200px;height:200px;background:#000000;} .xxloading{width:100%;height:100%;background:rgba(255,255,0.2);} .xxloading .xximg{width:100%;height:100%;background:url("../img/ico/loading2.gif") no-repeat center;}

<script src="js/jquery-1.8.3.min.js">
<script src="js/mychajian.js">

<div class="box">

mychajian.js的插件内容：

$.fn.extend({
myloading:function(obj){

  var str=[" <div class=\"xxloading\"&gt;","    <div class=\"xximg\"&gt;</div>","  </div>"].join("");

  return this.append(str);

}

});
})(jQuery);

效果图显示：

相关文章

jquery页面搜索关键词突出显示
页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印
jQuery 添加水印 &lt;script src=&quot;../../../.....
Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息
中文：Sys.WebForms.PageRequestManagerParserErrorExceptio...
Asp.net 后台调用js方法
1. 用Response.Write方法 代码如下： Response.Write(&q...
Jquery实现按钮点击遮罩加载，处理完后恢复
Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按...