第12次JS作业，火箭升顶

最新推荐文章于 2024-07-16 18:11:29 发布

酷扬

最新推荐文章于 2024-07-16 18:11:29 发布

阅读量179

点赞数

本文链接：https://blog.csdn.net/aa8869138/article/details/68489933

版权

html 同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

css

26 篇文章 0 订阅

订阅专栏

html css

25 篇文章 0 订阅

订阅专栏

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
*{
padding:0;
margin: 0;
}
.all{
font-size:25px;
width: 1100px;
margin: 0 auto;
}
.left{
position: absolute;
top:60px;

left: 0px;
}
.right{
position: absolute;
top:500px;
display:none;
right: 0px;
}
</style>
<script type="text/javascript" src="js之王.js"></script>
</head>
<body>
<img src="aside.jpg" alt="" class="left"/>
<div class="all">

天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
天王盖地虎，小鸡炖蘑菇
</div>
<img src="1.png" alt="" class="right" />
<script type="text/javascript">
function $s(){
return setInterval($$,30);
}
function $clear(){
return clearInterval($s());
}
var leader= 0,target=60,huojian=500,leader2=0,over=null;
setInterval(fun,30);
function fun(){
leader=leader+(target-leader)/10;
leader2=leader2+(huojian-leader2)/10;
$img(0).style.top=leader+"px";
$img(1).style.top=leader2+"px";
}
window.οnscrοll=function(){

var num = scroll().top;
if(num<=0){
$img(1).style.display="none";
}else{
$img(1).style.display="block";
}
huojian=num+500;
target=num+60;
}
$img(1).οnclick=function (){
over = setInterval($$,30);

}
function $$(){
target1=0;
var leader3=scroll().top;
if(leader3==0){
clearInterval(over);
}
leader3=leader3+(target1-leader3)/10;
window.scrollTo(0,leader3);

}
</script>
</body>
</html>