现在位置:首页 > 原创作品 > EMLOG文章页添加上一篇下一篇按钮代码

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

作者:蓝叶 分类:原创作品 时间:2014-07-31 浏览:12781 评论:8

今天在浏览网页的时候,看到某个大型门户站的文章页添加了上一篇下一篇文章的按钮,我感觉这样很人性化,可以提升用户体验度,蓝叶感觉不错就准备在自己的小站上也加个这功能,经过研究给我整出来这个功能了,你现在看到这个我文章页左右两边的按钮就是这个功能,点击就会查看相邻的文章;对于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>';};?>


免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
我爱资源
我爱资源游客
#8
试了下不能用,是不是我用的方法不对呀。
2019-09-29 17:49回复
xc
xc游客
#7
雁过留声
签到成功!签到时间:2015年11月10日 17:49:57,每日签到,生活更精彩!
代码内容
http://
2015-11-10 17:46回复
xc
xc游客
#6
雁过留声
2015-11-10 17:45回复
奇趣科技
奇趣科技游客
#5
厉害厉害
2015-08-24 00:09回复
王语双个人站
王语双个人站游客
#4
不错,博主有技术,弄得出来,有爱心,愿意分享,大力支持!
2014-11-19 16:49回复
传递分享网
传递分享网游客
#3
不错,感谢分享
2014-08-05 21:38回复
夜曦
夜曦游客
#2


已添加上感觉还不错
2014-08-01 07:42回复
可乐日记
可乐日记游客
#1
比卢松松的好看多了.
2014-07-31 20:00回复
音乐欣赏
返回顶部