带滑动效果效果的“回顶部”

最新推荐文章于 2024-07-19 15:30:59 发布

ll584310793

最新推荐文章于 2024-07-19 15:30:59 发布

阅读量98

点赞数

分类专栏： web网页制作文章标签： CSS 资讯 JavaScript .net HTML ViewUI

web网页制作专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html >
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS中国 - CSS教程 - CSS视频教程</title>
<style>
#sl{
background: url("backtop.gif") -101px -118px;
height: 63px;
width: 19px;
right: 50px;
position: absolute;
display: none;
}
#sl a{
display: block;
height: 63px;
width: 19px;
}
</style>
<script type="text/javascript">

</script>
</head>
<body>
CSS中国[www.csschina.net],提供DIV+CSS海量教程,搜罗各类DIV+CSS相关教程、视频教程,最新的Web2.0标准资讯,DIV+CSS布局入门教程,CSS布局实例,CSS样式.教程适合初学者循序渐进的学习! CSS中国[www.csschina.net],提供DIV+CSS海量教程,搜罗各类DIV+CSS相关教程、视频教程,最新的Web2.0标准资讯,DIV+CSS布局入门教程,CSS布局实例,CSS样式.教程适合初学者循序渐进的学习! CSS中国[www.csschina.net],提供DIV+CSS海量教程,搜罗各类DIV+CSS相关教程、视频教程,最新的Web2.0标准资讯,DIV+CSS布局入门教程,CSS布局实例,CSS样式.教程适合初学者循序渐进的学习! 
<div id="sl">
<a href="javascript:void(0)" οnclick="goto_top()"></a>
</div>
</body>
<script type="text/javascript">
 var goto_top_type = -1;
var goto_top_itv = 0;

function goto_top_timer()
{
var y = goto_top_type == 1 ? document.documentElement.scrollTop : document.body.scrollTop;
var moveby = 15;

y -= Math.ceil(y * moveby / 100);
if (y < 0) {
y = 0;
}

if (goto_top_type == 1) {
document.documentElement.scrollTop = y;
}
else {
document.body.scrollTop = y;
}

if (y == 0) {
clearInterval(goto_top_itv);
goto_top_itv = 0;
}
}

function goto_top()
{
if (goto_top_itv == 0) {
if (document.documentElement && document.documentElement.scrollTop) {
goto_top_type = 1;
}
else if (document.body && document.body.scrollTop) {
goto_top_type = 2;
}
else {
goto_top_type = 0;
}

if (goto_top_type > 0) {
goto_top_itv = setInterval('goto_top_timer()', 10);
}
}
}
</script>
</html>

ll584310793

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
带滑动效果效果的“回顶部”

&lt;html &gt;&lt;head&gt;&lt;FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;CSS中国 - CSS教程 - CSS视频教程&lt;/title&gt;&lt;style&gt;#sl{background: url(
复制链接

扫一扫