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

ll584310793

浏览: 18318 次
性别:
来自: 深圳

最近访客更多访客>>

wangnaifei

fengguoqing

dumylove

cqkmda

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web网页制作

CSS 资讯 JavaScript .net HTML

<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)" onclick="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>

分享到：

JS动态给图片添加连接,并且不改变图片位置 | 让网页设计的专业，漂亮

2010-07-23 08:40
浏览 1222
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论