回到顶部有动画版
2016-07-13 08:21
239 查看
<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8"
/>
<title></title>
<style
type="text/css">
body
{
height:
3000px;
}
#div1
{
width:
50px;
}
a
{
text-decoration:
none;
}
#div2
{
width:
40px;
height:
60px;
text-align: center;
line-height:
30px;
position:
fixed;
bottom:
0;
right:
0;
background-color:
#CCCCCC;
}
</style>
</head>
<body>
<div id="div2"><a>回到顶部</a></div>
<div
id="div1">
葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就
</div>
<script
src="js/tween.js"
type="text/javascript" charset="utf-8"></script>
<script
type="text/javascript">
var
timer = null;
var
oDiv2 = document.getElementById("div2");
oDiv2.onclick
= function() {
// scrollTop属性滚动条的顶端的位置(无单位),如果把它设置成0,滚动条就会停靠到所在元素的最上端
var
t = 0;
var
b = document.body.scrollTop
|| document.documentElement.scrollTop;
// 当前滚动条顶部的高度 因为DTD(Document Type Definition)的原因,主要是IE下的问题
var
c = 0
- b;
var
d = 50;
clearInterval(timer);
timer
= setInterval(function() {
t++;
if
(t >= d) {
clearInterval(timer);
}
if
(document.documentElement.scrollTop) {
document.documentElement.scrollTop
= Tween.Back.easeOut(t, b, c, d);
}
else {
document.body.scrollTop
= Tween.Back.easeOut(t, b, c, d); // scrollTop没有单位 ,所以后面不用加px
}
},
30)
}
</script>
</body>
</html>
<html>
<head>
<meta
charset="utf-8"
/>
<title></title>
<style
type="text/css">
body
{
height:
3000px;
}
#div1
{
width:
50px;
}
a
{
text-decoration:
none;
}
#div2
{
width:
40px;
height:
60px;
text-align: center;
line-height:
30px;
position:
fixed;
bottom:
0;
right:
0;
background-color:
#CCCCCC;
}
</style>
</head>
<body>
<div id="div2"><a>回到顶部</a></div>
<div
id="div1">
葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就葫芦娃葫芦娃见客户的首付款明年荣获id什么分别输入框hiOK吗超级搜hi日了你上来的妇科内哦确认了困难后is啊电费离开这还是跌爱我让你睡着了咖啡捏我日返回的路上昆明和尼日尔附近暗绿色科技日方对看来你我让你来我情况如何记录都是祝福你傻蛋开发大几十分开了呢覅按时打扰你了hi哦啊的斯托克咯就
</div>
<script
src="js/tween.js"
type="text/javascript" charset="utf-8"></script>
<script
type="text/javascript">
var
timer = null;
var
oDiv2 = document.getElementById("div2");
oDiv2.onclick
= function() {
// scrollTop属性滚动条的顶端的位置(无单位),如果把它设置成0,滚动条就会停靠到所在元素的最上端
var
t = 0;
var
b = document.body.scrollTop
|| document.documentElement.scrollTop;
// 当前滚动条顶部的高度 因为DTD(Document Type Definition)的原因,主要是IE下的问题
var
c = 0
- b;
var
d = 50;
clearInterval(timer);
timer
= setInterval(function() {
t++;
if
(t >= d) {
clearInterval(timer);
}
if
(document.documentElement.scrollTop) {
document.documentElement.scrollTop
= Tween.Back.easeOut(t, b, c, d);
}
else {
document.body.scrollTop
= Tween.Back.easeOut(t, b, c, d); // scrollTop没有单位 ,所以后面不用加px
}
},
30)
}
</script>
</body>
</html>
相关文章推荐
- Mootools 1.2教程(2) DOM选择器
- DOM 事件流详解
- Dom在ajax技术中的作用说明
- javascript针对DOM的应用分析(三)
- Dom 是什么的详细说明
- javascript针对DOM的应用分析(五)
- javascript针对DOM的应用实例(一)
- 牛叉的Jquery――Jquery与DOM对象的互相转换及DOM的三种操作
- 在javascript中对于DOM的加强
- Dom与浏览器兼容性说明
- JavaScript DOM学习第一章 W3C DOM简介
- 封装获取dom元素的简单实例
- 《JavaScript DOM 编程艺术》读书笔记之DOM基础
- JQuery包裹DOM节点的方法
- 动态修改DOM 里面的 id 属性的弊端分析
- JavaScript对HTML DOM使用EventListener进行操作
- JavaScript实现获取dom中class的方法
- javascript DOM实用学习资料第1/3页
- 谈谈我对JavaScript DOM事件的理解
- jQuery DOM删除节点操作指南