首页 > 其他 > 详细

博客园页面添加返回顶部TOP按钮

时间:2015-06-10 10:12:53      阅读:363      评论:0      收藏:0      [点我收藏+]

1. 进入网页管理->设置

2. 在"页面定制CSS代码"中添加如下css样式,当然你可以改为自己喜欢的样式

#back-to-top {
    background-color: #00CD00;
    bottom: 0;
    box-shadow: 0 0 6px #00CD00;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 50px;
    cursor: pointer;
}

技术分享

3. 在"页脚Html代码"中添加如下代码,可以将文字改为图片

<span id="back-to-top"><a href="#top">TOP</a></span>

技术分享

4. 点击保存按钮

这样就在自己的页面添加了回到顶部的Top按钮

博客园页面添加返回顶部TOP按钮

原文:http://www.cnblogs.com/wicrecend/p/4565215.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!