菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码:
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小鸟启蒙(facesoho.com)</title> <style> body{ background:#f3f3f3 url('/public/uploads/demo_source/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> </head> <body> <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> </body> </html>
运行结果