闲来无事,为自己的网站增加了这个功能,只要你的网站先前有了jquery,把下面的代码插入网页底部即可,具体效果就是小猫博客的效果,图片自行更换
这个代码也可改造成类似周小姐博客那种滑动菜单..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <script language="javascript" type="text/javascript">
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>
<div id=backi style="Z-INDEX:2; POSITION: absolute; HEIGHT:auto">
<style type="text/css">
#backi{display:none;background:url(images/5-120601160009-50.png); cursor:pointer;}
#backi a{ text-decoration:none; color:#ccc; line-height:25px;display:block;float:left;margin-left:5px; }
#backi a:hover{ color:#f60; text-decoration:underline; }
</style>
<a class="navtop" href="javascript:void(0)" title="返回顶部" rel="返回顶部" style=" width:48px; height:82px; "></a>
</div>
<script language="JavaScript1.1">
function heartBeat(){
diffY=GetScrollTop();
var chen2=(window.screen.height)*0.7;
mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+chen2)*0.1);
document.getElementById('backi').style.top = mymovey+"px";
var hideH=document.body.scrollTop;
var hideH2=document.documentElement.scrollTop;
if((hideH>0)||(hideH2>0)){
document.getElementById("backi").style.display= "block";
}else{
document.getElementById("backi").style.display= "none";
}
}
document.getElementById("backi").style.left= document.body.scrollWidth-150+"px";
window.setInterval("heartBeat()",1);
$(document).ready(function() {
$(".navtop").click(function(){
$('html,body').animate({scrollTop:0},500);
})
});
</script> |

每一天是不是都有一个历史。
是啊..你没看到吗?
光代码不会弄,添加到什么位置啊
你网站都有这个功能了
不行啊,窗口小化以后就错位了
那你加上QQ429001807,我帮你搞
这个非常实用。可以转吗?
随便
那就转咯,留着以后用。
其实我今天弄了个代码更加精简的版本
经常研究这些东西啊。我都是需要的时候才会去研究…
我也是需要的啊,只不过这个看着代码有点多
嗯,确实蛮多的。已转,注明出处了。
为什么那么多呢..因为除了那个返回顶部的实现,其他的都是使用原生的JS,今天在找到了代码少的,是因为都是使用jquery才很少的
也去折腾折腾
折腾无罪
哈哈干嘛不早教我我就不用去网上早那个返回顶部了
你不是已经弄好了吗…