来源：未知 时间：2016-05-25 17:54 作者：xxadmin 阅读:次
[导读] demo页面部分 !DOCTYPEhtmlhtmlheadmetacharset=gb2312/titleQueryloadingDemo:GBin1.com/title!--[ifltIE9]scriptsrc=http://html5shiv.googlecode.com/svn/trunk/html5.js/script![endif]--scriptsrc=js/jquery-1.7.1.min.js/scriptscriptsrc=js/jquery...
demo页面部分
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>Query loading Demo: GBin1.com</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.queryloader2.js"></script>
<script>
$(document).ready(function () {
$("body").queryLoader2({
barColor: "#111111",
backgroundColor: "#202020",
percentage: true,
barHeight: 30,
completeAnimation: "grow"
});
});
</script>
<style type="text/css">
body{
background:url('images/body_bg.png') no-repeat #202020;
color: #777;
font-family: Arial;
}
h1{
font-size: 14px;
padding: 20px 5px;
}
img{
border-color: #888888 -moz-use-text-color #888888 #888888;
border-radius: 5px 5px 5px 5px;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
box-shadow: 0 0 10px #CCCCCC;
}
</style>
</head>
<body>
<section>
<h1>Queryloader 2 to preload images for your website</h1>
<div><img src="images/zerg.jpg"></div>
<div><img src="images/protoss.jpg"></div>
<div><img src="images/terran.jpg"></div>
</section>
</body>
</html>下载地址 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
