x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
body {8
background: #f3f3f3 url("/examples/img_tree.png") no-repeat fixed right top;9
}10
</style>11
<script>12
function bgAttachment() {13
var x = document.body.style.backgroundAttachment;14
document.getElementById("toggle").innerHTML = (x == "scroll") ? "设置背景图像滚动!" : "设置背景图像固定";15
document.body.style.backgroundAttachment = (x == "scroll") ? "fixed" : "scroll";16
}17
</script>18
</head>19
20
<body>21
<button id="toggle" onclick="bgAttachment();">设置背景图像滚动</button>22
<p>滚动页面并且观察背景图像。</p>23
<p>这是一个段落</p>24
<p>这是一个段落</p>25
<p>这是一个段落</p>26
<p>这是一个段落</p>27
<p>这是一个段落</p>28
<p>这是一个段落</p>29
<p>这是一个段落</p>30
<p>这是一个段落</p>31
<p>这是一个段落</p>32
<p>这是一个段落</p>33
<p>这是一个段落</p>34
<p>这是一个段落</p>35
<p>这是一个段落</p>36
<p>这是一个段落</p>37
<p>这是一个段落</p>38
<p>这是一个段落</p>39
40
</body>41
</html>