zheng.jprogress.0.1.min.js 952 B

123456789101112131415161718192021222324252627
  1. /**
  2. * jprogress v0.1
  3. * 日期:2014-03-03
  4. * 作者:张恕征
  5. * 邮箱:469741414@qq.com
  6. * 主页:http://www.zhangshuzheng.cn/
  7. * Copyright (c) 2014, Zhang Shuzheng All rights reserved.
  8. *
  9. */
  10. (function($){
  11. $.extend({
  12. progress:function(){
  13. /*面板样式*/
  14. var style = '<style type="text/css">\n'+
  15. '#progress{-webkit-pointer-events:none;}\n'+
  16. '#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'+
  17. '#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'+
  18. '</style>';
  19. $('head').append(style);
  20. //页面插入空下拉列表html
  21. var $progress = $('<div id="progress"><div id="progress_bar"><div id="progress_peg"></div></div></div>');
  22. $('body').append($progress);
  23. }
  24. });
  25. })(jQuery);