菊花转动的框架加载动画效果

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title link charset=' utf-8 ' href=' CSS/reset。CSS“rel=”外部no follow“rel=”样式表link charset=' utf-8 ' href=' CSS/main。CSS“rel=”外部no follow“rel=”样式表风格.盒子{宽度：200像素高度：200 px背景： # 000000;} .xxloading { width :100%；高度：100%;背景：rgba(255，255，255，0.2)；} .xxloading .xximg {宽度：100%；高度：100%;background:url('./img/ico/load 2。gif ')无重复中心；}/style脚本src=' http : js/jquery-1。8 .3 .量滴js '/script script src=' http : js/mychajian。js '/脚本！-添加日本季刊日本季刊的装货插件-/head body div class=' box '/div script $(function(){ $(').方框')。my loading()；//执行装货动画});/script /body/htmlmychajian.js的插件内容：

；(函数($){ $。fn。扩展({ my load : function(obj){ var str=[' div class=\ ' xxloading \ '，' div class=\'xximg\'/div '，'/div'].join(' ')；返回这个。追加(字符串)；} });})(jQuery)；效果图显示：