www.qjdy.com-奇迹赌场 > 佳美特设计 > html部分代码如下

原标题:html部分代码如下

浏览次数:99 时间:2019-07-11

正文实例汇报了jQuery轻易达成提交数据出现loading进程条的方式。分享给我们供大家参谋,具体如下:

html部分代码如下,复制然后引进类库就能够使用

<html>
<head>
<style type="text/css">
 #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.2; opacity:.2; filter: alpha(opacity=70);}
 .loading{display: none; position: absolute; top: 50%; left: 50%; z-index:1002; }
 </style>
</head>
<body>
  <div id="bg"></div>
  <input type="button" value="Save" id="btnSave" name="btnSave" />
  <div class="loading"><img src="loading.gif"></div>
</body>
</html>

jQuery部分代码如下:

<script src="jquery-1.11.0.min.js" type="text/javascript"></script><!--自己下载类库-->
<script type="text/javascript">
$(function(){
  $("#btnSave").click(function(){
    $("#bg,.loading").show();
    $.ajax({
      async:false,
      url:"time.php",
      type:"post",
      data:{},
      success:function(mes){
        $("#bg,.loading").show();
      }
    })
  })
})
</script>

php代码:

for($i=0;$i<10000000;$i  ){
}

更加多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery切换特效与技艺总计》、《jQuery拖拽特效与技能总括》、《jQuery增加本领计算》、《jQuery常见优秀特效汇总》、《jQuery动画与特功能法计算》、《jquery选拔器用法总括》及《jQuery常用插件及用法计算》

盼望本文所述对大家jQuery程序设计具有协理。

你只怕感兴趣的小说:

  • jQuery达成可拖动进度条实例代码
  • jquery 完毕拖动文件上传加载进程条效用
  • jquery 轻易的进度条完结代码
  • 6款新颖的jQuery和CSS3进程条插件推荐
  • 享受8款杰出的 jQuery 加载动画和进程条插件
  • 根据HTML5 Ajax文件上传进程条如何落实(jquery版本)
  • Jquery进度条插件 Progress Bar未有失水准一挥而就
  • Jquery Uploadify上传带进程条的简约实例
  • jQuery 页面载入进程条完毕代码
  • 用jQuery模拟页面加载进程条的完成代码
  • jQuery完成的手动拖动调控进程条效果示例【测量试验可用】

本文由www.qjdy.com-奇迹赌场发布于佳美特设计,转载请注明出处:html部分代码如下

关键词: AG游戏平台

上一篇:模块就像积木

下一篇:没有了