2016年11月9日--滚动事件

<!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); 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 />
<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 />
<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)>600)
        {
            document.body.style.backgroundImage="url(2.jpg)";    
        }
        else
        {
            document.body.style.backgroundImage="url(1.jpg)";        
        }
    }
</script>

滚到某一位置执行

往下滚衮,试一下吧0

.

.

懒惰是发明之母！！！
不要硬生生的把自己往故事里套，而是要学会体会故事，发现自己的影子。 http://www.cnblogs.com/hqxc/

相关阅读:
C基础之移位操作
实现itoa()
Python的time模块的clock方法在不同平台的效果不同
__stdcall与__cdecl之区别浅析及相关知识
Python 字典 dictionary changed size during iteration
Windows下printf输出long long类型
inotify也会爆棚
一条对“失控的腾讯帝国：企鹅无法把控手机市场”的评论
imfunny程序员的增量发展
程序员第一定律：关于技能和收入

原文地址：https://www.cnblogs.com/hqxc/p/6048329.html