弹出层滚动条

最新推荐文章于 2021-06-28 14:48:49 发布

sty2008boy

最新推荐文章于 2021-06-28 14:48:49 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： xhtml javascript jquery progress ViewUI

本文链接：https://blog.youkuaiyun.com/sty2008boy/article/details/84010998

CSS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用jQuery和自定义插件实现网页加载时显示进度条的效果。通过绑定按钮点击事件，显示加载提示并使用`load`方法加载指定URL的内容到页面中的指定元素。加载完成后隐藏进度条。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.processing.plugin.js"></script>

<script>
$(function(){
   
    $("#btn").bind('click',function(){
       $(document).progressDialog.showDialog("好事多磨,正在为您打开页面...");

      $("#demo").load("http://www.cntv.com/",function(){
		$(document).progressDialog.hideDialog();
	});
   });
  
});
</script>
</head>

<body>
 <input id="btn" type="button" value="进度条演示" />
<br><br>
<div id="demo"></div>
</body>
</html>