步骤1：
打开布局->Edit HTML
用Ctrl+F寻找以下的code
]]></b:skin>在它之前添加以下的code
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}步骤2：
然后再用Ctrl+F寻找
</body>把以下的code加在</body> 的前面
<a href="#" id="backtotop"><img src="图片direct link" alt="back to top" /></a> 红色部分为可更换其他图片之位置。
步骤3：
然后再用Ctrl+F寻找
<head> 把以下的code加在<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>步骤4：
按【预览】检查效果，看看右下角是否有Back to Top的button呢？
完成~^^
资料来源：http://www.allblogtools.com/
图片资源：
我把我看到的简单的copy给大家知道，
希望你们会喜欢^^
讯息提供来自纬之乐园
讯息提供来自纬之乐园
.gif)
没有评论:
发表评论