<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#img{
position: absolute;
left: 0;
top: 50px;
}
#demo{
width: 700px;
margin: 0 auto;
border: 1px solid red;
}
</style>
<script src="my.js"></script>
<script>
window.onload = function () {
var img = $("img");
var leader = 0,target = 0;
var timer = null; //定时器
var top = img.offsetTop;
window.onscroll = function () {
clearInterval(timer);
timer = setInterval(function(){
target = scroll().top + top;
leader = leader + (target-leader)/10;
img.style.top = leader + "px";
},10);
}
}
</script>
</head>
<body>
<img src="1.jpg" id="img" alt=""/>
<div id="demo">
<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>
<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>
</div>
</body>
</html>json,javascript object notation 是一种轻量级的数据交换格式，我们称之为javascript对象表示法。
使用json进行数据传输的优势之一。json实际上就是javascript。
var myjson={k:v,k:v,k:v…}
json一般就是被当做一个配置单用：
判断浏览器是否是怪异模式，就是没有声明dtd的模式。
document.compatMode == “CSS1Compat”
CSS1Compat 声明了
BackCompat未声明
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
