首页 > 代码库 > 滚动换背景
滚动换背景
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{ margin:0px; padding:0px;} body{ background-image:url(1.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:contain;} </style> </head> <body> <p id="pp" style="position:fixed;">0</p> <div style="background-image:url(3.jpg); width:1024px; height:700px; position:relative; top:500px; left:0px;"></div> <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 /> </body> </html> <script> var a =document.getElementById("pp"); window.onscroll=function (){ a.innerHTML=document.documentElement.scrollTop||document.body.scrollTop; if(parseInt(a.innerHTML)>200) { document.body.style.backgroundImage="url(2.jpg)"; } else { document.body.style.backgroundImage="url(1.jpg)"; } } </script>
滚动换背景
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。