Emlog文章页添加上一篇下一篇按钮代码-轻刻年轮

emlog文章页面添加上一篇下一篇功能可以很好的提高用户体验，下面分享蓝叶大神的上下篇代码～

你可以看看挺漂亮的吧，废话不多说，上干货～

首先打开模板的echo_log.php,在合适的位置添加代码。

如果不知道哪里合适，请找到这句输出文章内容的代码：

<?php echo $log_content; ?>

在代码后面添加输出上下篇的代码：

<?php 
	extract($neighborLog);
	if($prevLog){
		echo '<div id="prevlog"><a href="'.Url::log($prevLog['gid']).'" title="'.$prevLog['title'].'"></a></div>';}
	else{
		echo '<div id="prevlog"><a href="#" title="没有上一篇了"></a></div>';};
	if($nextLog){
		echo '<div id="nextlog"><a href="'.Url::log($nextLog['gid']).'" title="'.$nextLog['title'].'"></a></div>';}
	else{
		echo '<div id="nextlog"><a href="#" title="没有下一篇了"></a></div>';};
  ?>

然后添加css，将下面的内容添加到header.php的<head>里，或者将其中的内容添加到你模板的css文件里面：

<style>
#prevlog{width:40px;height:80px;background:url(https://www.ly522.com/bk-peitu/syz.png) no-repeat; position:fixed;left:50%;top:380px;margin-left:-530px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:9999;}
#prevlog a,#nextlog a{width:40px;height:80px;display:block;}
#prevlog:hover,#nextlog:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
#nextlog{width:40px;height:80px;background:url(https://www.ly522.com/bk-peitu/xyz.png) no-repeat; position:fixed;left:50%;top:380px;margin-left:490px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:9999;}*html #prevlog, *html #nextlog{position: absolute;top:expression(eval(document.documentElement.scrollTop));}</style>

完成，很漂亮吧，蓝叶大神的审美真的没的说～

购买后下载不了源码或源码功能失效请联系小编，确认后可立即退款，请勿无理投诉

版权声明 1、本网站名称：轻刻年轮
2、轻刻年轮提供的资源仅供您个人用于非商业性目的。
3、本站文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系客服进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向客服举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站积分货币获取途径以及用途的解读，想在本站混的好，请务必认真阅读！。
8、本站强烈打击盗版/破解等有损他人权益和违法作为，请各位会员支持正版！

THE END