简洁黑白返回顶部动画jq代码
发布时间:2015-10-14, 15:41:33 分类:HTML | 编辑 off 网址 | 辅助
图集1/1
正文 1433字数 103,924阅读
<style>.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url('/img/rocket.png') no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url('/img/rocket.png') no-repeat 0 -62px;}</style>
<script>
function gotoTop(acceleration, stime) {
acceleration = acceleration || 0.1;
stime = stime || 10;
var x1 = 0;
var y1 = 0;
var x2 = 0;
var y2 = 0;
var x3 = 0;
var y3 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
var x3 = window.scrollX || 0;
var y3 = window.scrollY || 0; var x = Math.max(x1, Math.max(x2, x3)); var y = Math.max(y1, Math.max(y2, y3)); var speeding = 1 + acceleration; window.scrollTo(Math.floor(x / speeding), Math.floor(y / speeding)); if(x > 0 || y > 0) { var run = "gotoTop(" + acceleration + ", " + stime + ")"; window.setTimeout(run, stime); }}
</script>
<a href="javascript:;" onclick="gotoTop();return false;" class="totop">
Run code
Cut to clipboard

(支付宝)给作者钱财以资鼓励 (微信)→
暂无评论 »