Ys_loading.css
.ys-loading{ position:fixed; top:0; bottom:0; left:0; right:0; z-index: 9999;}. ys-loading em{ position:absolute; left:0; right:0; top:0; bottom:0; width :44px; height:44px; margin:auto; border-radius: 22px; opacity: 0.3; overflow: Hidden;}. Ys-loading em:before{ content: ""; display:block; width:46px; height:46px; background:url (.. /.. /images/common/ajax-loader.gif) no-repeat center center; background-size :contain; margin-top:-1px; margin-left:-1px;}
Ys_loading.js
(function ($) { var container = null; var html = "<div class= ' ys-loading ' ><em></em></div>"; function render () { container = $ (HTML). AppendTo ("Body"); } var initialized = false; function init () { if (initialized) { return; } initialized = true; render (); } var Loadingwidget = { showloading:function () { &Nbsp; init (); Container.show (); }, hideloading:function () { Container.hide (); } }; window. Loadingwidget = loadingwidget;}) (JQuery);
650) this.width=650; "src=" http://s1.51cto.com/wyfs02/M01/88/FC/wKioL1gEYCyykQZqAAhmZCqjM2U111.jpg "title=" E.jpg " alt= "Wkiol1geycyykqzqaahmzcqjm2u111.jpg"/>
HTML5 Custom Masks