AIDE技术官网
AIDEZY.COM

Emlog文章页添加上一篇下一篇按钮代码

AIDE技术网-aidezy.com
Emlog文章页添加上一篇下一篇按钮代码

Emlog文章页添加上一篇下一篇按钮代码

前言:

无陌然在浏览网页的时候

看到某个网站文章页添加了上一篇下一篇文章的按钮

我感觉这样很人性化,可以提升用户体验

正文:

AIDE技术网感觉不错就准备在自己的小上也加个这功能,经过研究给我整出来这个功能了

你现在看到这个我文章内容页下方的按钮就是这个功能

点击就会查看相邻的文章

对于Emlog用户如果你喜欢这个功能,可以按照下面的说明吧代码复制到你的网站里就可以了

无陌然提示:把以下代码复制粘贴到模板目录echo_log.php里面 <style> #prevlog{width:40px;height:80px;background:url(http://img.itc.cn/photo/olZ77IqbZHL) 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(http://img.itc.cn/photo/olZ77phsS28) 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> <?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样式需要自己动手额,如果新手站长不懂可以留言或直接咨询我Emlog文章页添加上一篇下一篇按钮代码|正文

搜一下

赞(0) 打赏
AIDE技术网-aidezy.com 广告
AIDE技术网-aidezy.com 广告

来都来了!评论一下呗! 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
切换登录

注册