引入加载进度条插件
This commit is contained in:
parent
40c3694f95
commit
ec34ccecf7
|
@ -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);
|
Loading…
Reference in New Issue