-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFullBg.html
49 lines (46 loc) · 1.66 KB
/
FullBg.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FullBg</title>
<link rel="stylesheet" href="css/asdui1.4b.css" type="text/css" media="all" />
<style type="text/css">
html,body{width:100%;height:100%;overflow:hidden}
</style>
</head>
<body>
<div style="position:fixed;width:300px;height:40px;padding:10px;left:200px;top:200px;border:1px solid #03C;background:#ffd" id="sec">
<a href="http://image.zcool.com.cn/28/1/1307169089283.jpg" class="newurl">更换背景</a>
<a href="http://image.zcool.com.cn/3/16/1307025516828.jpg" class="newurl">更换背景</a>
<a href="http://image.zcool.com.cn/48/9/1307167830571.jpg" class="newurl">更换背景</a>
<a href="http://image.zcool.com.cn/img3/52/32/m_1350104124702.jpg" class="newurl">更换背景</a>
<div id="output"></div>
</div>
<div class="Fbg_wrapper" id="back">
</div>
<script type="text/javascript" src="js/jquery1.91.min.js"></script>
<script src="js/asdui.js" type="text/javascript"></script>
<script type="text/javascript">
var fitBg = new ZUI.FullBg('images/b2.jpg', {
center: true,
primary: 'auto',
injectElement:'back',
onBusy: function(){
$('#output').html('您点击过于频繁...')
},
onLoad:function(){
$('#output').html('正在请求数据...')
},
onComplete:function(){
$('#output').html('背景更换完成...')
}
});
$(function(){
$('.newurl').on('click',function(e){
e.preventDefault();
fitBg.BgLoad($(this).attr('href'))
});
});
</script>
</body>
</html>