引入加载进度条插件

This commit is contained in:
shuzheng 2016-11-29 22:53:50 +08:00
parent 40c3694f95
commit ec34ccecf7
1 changed files with 27 additions and 0 deletions

View File

@ -0,0 +1,27 @@
/**
* jprogress v0.1
* 日期2014-03-03
* 作者张恕征
* 邮箱469741414@qq.com
* 主页http://www.zhangshuzheng.cn/
* Copyright (c) 2014, Zhang Shuzheng All rights reserved.
*
*/
(function($){
$.extend({
progress:function(){
/*面板样式*/
var style = '<style type="text/css">\n'+
'#progress{-webkit-pointer-events:none;}\n'+
'#progress #progress_bar{position:fixed;z-index:9;top:0;left:0;width:0;height:2px;background:#00bfff;color:#00bfff;-webkit-transition-duration:.1s;}}\n'+
'#progress #progress_peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px, 0 0 5px;-webkit-transform:rotate(3deg) translate(0px, -4px);}\n'+
'</style>';
$('head').append(style);
//页面插入空下拉列表html
var $progress = $('<div id="progress"><div id="progress_bar"><div id="progress_peg"></div></div></div>');
$('body').append($progress);
}
});
})(jQuery);