1.Back To Top(直接跳到最高点)
模板 >> 修改HTML >> 继续Ctrl + F 寻找</body>
在 </body> 的上面放上以下代码
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='图片网
址'/></a>
址'/></a>
完成：）
以下有为大家提供一些图片网址：
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiqKOIthvlP5ZTz2E8nR5brRyYkczvsGAd8YGoWaTKfXiFz1J38HN51gBRljsihHky_nxThsNAOtmYRYHaUqwVOBP0S4mAgjySPax3udh5_LiaftQbeJ7FbKuv3_wWWe54UUewrxubDvy/s320/BlurMetalDc3.gif
f
2.Back To Top (滚动到最高点)
模板 >> 修改HTML >> 继续
Ctrl + F 寻找 ]]></b:skin>
然后在它上面放以下的代码
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
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/AVvXsEgoC_uBRsEEu7q1vWv1813_BTzq04O9H35pJi4WJnWSjNBpWY8KR63jHt4fzIbQ0zSo8L6ra9ZFBZ1fbYtquSDvvo73PwPrObBRWdXRhK15p8Q5IkvHm1g8y3H8quRL0Iz8tpGGDvquyKw3/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>
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
完成~这时候你就可以Preview看一下了~
记得上下要分清楚哦~
No comments:
Post a Comment