纯div+css实现的仿QQ音乐返回顶部和返回底部特效源码是一段可以实现网页迅速回到顶部或回到底部的代码，运行流畅，反应速度灵敏，是一段非常优秀的特效源码，并且本段代码是由纯div+css组成的，非常简单。需要的朋友们可以前来下载使用。
![图片[1]-纯div+css实现的仿QQ音乐返回顶部和返回底部特效源码-爱站](https://img.jbzj.com/do/uploads/litimg/141027/16122223A95.jpg)
<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<meta name=”keywords” content=”JS代码,仿QQ音乐返回顶部和返回底部代码,JS广告代码,JS特效代码” />
<meta name=”description” content=”仿QQ音乐返回顶部和返回底部代码” />
<title>仿QQ音乐返回顶部和返回底部代码</title>
<style type=”text/css”>
*{padding:0;margin:0}
p{line-height:28px}
.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E}
.go a{background:url(images/a.png) no-repeat;display:block;text-indent:999em;line-height:999px;width:37px;margin:5px;border:0;overflow:hidden;float:left}
.go .PTop{background-position:0 -33px;height:22px}
.go .feedback{background-position:0 -54px;height:32px}
.go .PBottom{background-position:0 -88px;height:22px}
.go .PTop:hover{background-position:-38px -33px}
.go .feedback:hover{background-position:-38px -54px}
.go .PBottom:hover{background-position:-38px -88px}
body,td,th {
font-size: 12px;
}
</style>
</head>
<body style=”text-align:center”>
<a name=”PositionTop”></a>
<div style=”width:980px;height:2000px;background:#EEE;margin:0 auto;”><br />
<br />
<br />
<p>Powered by jb51.net 允许转载、修改和使用本站的DEMO，但请注明出处：<a href=”http://www.jb51.net”>www.jb51.net</a>
</p>
</div>
<a name=”PositionFoot”></a>
<div class=”go”>
<a title=”返回顶部” class=”PTop” href=”#PositionTop”>至顶部</a>
<a title=”如果您有意见，请反馈给我们！” class=”feedback” href=”http://www.jb51.net” target=”_blank”>反馈</a>
<a title=”返回底部” class=”PBottom” href=”#PositionFoot”>至底部</a>
</div>
</body>
</html>
暂无评论内容