<html>
<head>
<script language="JavaScript" src="../assets/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(function(){
$("#loading").modal("show");
$("<iframe width='100%' height='100%' id='YuFrame1' style='position:absolute;z-index:4;' frameborder='no' marginheight='0' marginwidth='0' allowTransparency='true'></iframe>").prependTo('body');
$("#YuFrame1").attr("src", '<?php echo $_GET["url"]; ?>')
$("#YuFrame1").load(function() {
$("#loading").modal("hide");
});
});
</script>
<style>
#loading{text-align:center;padding:160px;}
.modal-backdrop{background-color:#ddd}
</style>
</head>
<body>
<!-- 模态框(Modal) -->
<div id="loading" >
<img src="timg.gif" />
</div>
</body>
<html>
页面加载中效果
最新推荐文章于 2023-09-20 18:08:42 发布