分页导航 如果添加在文章页的两侧,很方便读者翻阅,小编发现好多站长的博客都添加了这一功能,百度了一下,就是JS和css的功能,经过测试成功,分享一下流程。
1、添加Js
在headr.php或者footer.php添加以下js,建议添加在footer.php模板的底部。
2、在文章页single.php添加html
在文章页面底部合适的板块添加以下代码
3、在style.css添加css代码 /*文章侧边翻页*/ #fanye {font-size:30px;color:#ccc;line-height:24px;width:24px;} #btn_page_next{ cursor:pointer; display:inline-block; min-height:24px; width:3%; position:fixed; _position:absolute;top:360px; _top:expression(eval(document.documentElement.scrollTop)); right:0; z-index:3; text-align:center; } #fanye:hover{color:#666;} #btn_page_next a:hover{text-decoration:none;display:inline-block;} #btn_page_prev{cursor:pointer; display:inline-block; min-height:24px; width:3%; position:fixed; _position:absolute; top:360px; _top:expression(eval(document.documentElement.scrollTop)); left:0; z-index:3; text-align:center; } #btn_page_prev a:hover{text-decoration:none;display:inline-block;} 至于字体的大小,颜色,距离顶部的位置,自己修改css就可以了。 版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。