Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> body { background: #f3f3f3 url('img_tree.png') no-repeat fixed right top; } </style> </head> <body> <h1>Hello World!</h1> <p><b>提示：</b>如果滚动条不可用，请尝试调整窗口大小。</p> <p>点击按钮在滚动和固定位置之间切换。</p> <p><b>提示：</b>在单击按钮前后滚动页面。</p> <button id="toggle" onclick="myFunction();">设置背景图像滚动</button> <p>一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> </p> <script> function myFunction() { var x = document.body.style.backgroundAttachment; document.getElementById("toggle").innerHTML=(x=="scroll")? "设置背景图像滚动！":"将背景图像设置为固定！"; document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; } </script> </body> </html>