刚打错字~原本是[Back To Top代码]我打成Back To Top大妈=X
这个东西你在我的部落格右下角就能看到了~只要点击一下
就能回到页面的最上方~
首先到Design-->Edit HTML
在键盘上按Ctrl+F找]]></b:skin>
然后在它上面放以下的代码
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
好了之后,就再一次使用Ctrl+F的搜索框寻找</body>
将以下的代码放在</body>的上面
<a href="#" id="backtotop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk7_UdTeeIXUh4fi9RSOXIWEda1VMgSgEJrduXCCRcOzR5db6Nc3XkUFUtm1bsutO6yWSI06HKPrB-9dNCq7nNPvmCRH36mM7jtzJ0ZmILSBqiJR9X0PLXPPPKW5j-LPKIjaCEaXTWNJVC/s400/bttp-10.png" alt="back to top" /></a>
红色部分是Back To Top的图片,你可以自行更改
还没有完哦~
接着你在使用Ctrl+F寻找<head>
在<head>的下面放上以下代码
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
完成~这时候你就可以Preview看一下了~
记得上下要分清楚哦~
By;kenchy
14 comments:
那个图案怎样换?
[红色部分是Back To Top的图片,你可以自行更改]
♥弄到了,谢谢=]♥
我弄不到
是那个步骤不明白吗?
我把代码copy进去了,我save了,我preview没有的
将页面拉到最底下还是没有吗?
没有哦
例如上下有没有分清楚
有啊
建议你让我看你的背景代码=)
我也是弄不到……
呜呜,好伤心哦……
Post a Comment