简单教程
提交运行
代码编辑器：
<style> body{ background:#f3f3f3 url('/static/i/javascript/basic/img_tree.png') no-repeat fixed right top; } </style> <script> function bgAttachment(){ var x=document.body.style.backgroundAttachment; document.getElementById("toggle").innerHTML=(x=="scroll")? "设置背景图像滚动!":"设置背景图像固定"; document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; } </script> <button id="toggle" onclick="bgAttachment();">设置背景图像滚动</button> <p>滚动页面并且观察背景图像</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p>
运行结果：