功能菜单

Emlog时间轴归档代码

2017-9-26 0 PHP代码 蓝优

蓝优教程分三个步骤即可完成:

1.以默认模板为例,复制模板目录下的page.php并重新命名为guidang.php(ps:这个自己可自行修改),然后在其中的

<?php
function displayRecord(){
 global $CACHE; 
 $record_cache = $CACHE->readCache('record');
 $output = '';
 foreach($record_cache as $value){
 $output .= '<h4>'.$value['record'].'('.$value['lognum'].')</h4>'.displayRecordItem($value['date']).'';
 }
 $output = '<div class="archives">'.$output.'</div>';
 return $output;
}
function displayRecordItem($record){
 if (preg_match("/^([\d]{4})([\d]{2})$/", $record, $match)) {
 $days = getMonthDayNum($match[2], $match[1]);
 $record_stime = emStrtotime($record . '01');
 $record_etime = $record_stime + 3600 * 24 * $days;
 } else {
 $record_stime = emStrtotime($record);
 $record_etime = $record_stime + 3600 * 24;
 }
 $sql = "and date>=$record_stime and date<$record_etime order by top desc ,date desc";
 $result = archiver_db($sql);
 return $result;
}
function archiver_db($condition = ''){
 $DB = MySql::getInstance();
 $sql = "SELECT gid, title, date, views FROM " . DB_PREFIX . "blog WHERE type='blog' and hide='n' $condition";
 $result = $DB->query($sql);
 $output = '';
 while ($row = $DB->fetch_array($result)) {
 $log_url = Url::log($row['gid']);
 $output .= '<li><a href="'.$log_url.'"><span>'.date('Y年m月d日',$row['date']).'</span><div class="atitle">'.$row['title'].'</div></a></li>';
 }
 $output = empty($output) ? '<li>暂无文章</li>' : $output;
 $output = '<ul>'.$output.'</ul>';
 return $output;
}
?>
<?php
if($res['hide'] == 'y' || !function_exists('displayRecord')) emMsg('不存在的页面!');
$show_type == 'sort' ? $log_content .= displaySort() : $log_content .= displayRecord();
?>
2.css代码如下
archives ul{overflow:hidden;padding:0px !important;}
.archives-title{border-bottom:1px #eee solid;position:relative;padding-bottom:4px;margin-bottom:10px}
.archives li a{color:#222222;padding:8px 0;display:block;}
.archives li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;list-style:none !important}
.archives li a:hover .atitle:after{background:#cc0000}
.archives li a span{display:inline-block;width:130px;font-size:12px;text-indent:20px}
.archives li a .atitle{display:inline-block;padding:0 15px;position:relative;white-space:nowrap;width:calc(100% - 180px);}
.archives li a .atitle:after{position:absolute;left:-6px;background:#ccc;height:8px;width:8px;border-radius:6px;top:8px;content:""}
.archives li a .atitle:before{position:absolute;left:-8px;background:#fff;height:12px;width:12px;border-radius:6px;top:6px;content:"";box-shadow:inset 0px 0px 2px #00cc00;}
.archives{position:relative;padding:10px 0}
.archives:before{height:100%;width:4px;background:#eee;position:absolute;left:126px;content:"";top:0;}
.archives h4{position:relative;margin:10px 0;cursor:pointer;font-size:14px !important;font-weight:bold !important;width:120px}
.archives h4:hover:after{background:#cc0000}
.archives h4:before{position:absolute;left:119px;background:#fff;height:18px;width:18px;border-radius:9px;top:3px;content:"";box-shadow:inset 0px 0px 4px #00cc00;}
.archives h4:after{position:absolute;left:122px;background:#ccc;height:12px;width:12px;border-radius:6px;top:6px;content:""}
3.需要引入jquery库
<script src="<?php echo TEMPLATE_URL; ?>js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
 $('.archives').find('ul').hide();
 $('.archives').find('ul:first').show();
 $('.archives h4').click(function(){
 $(this).next('ul').slideToggle("fast");
 })
})
</script>

本站声明

独乐乐不如众乐乐,您分享的干货是给予本站最大的支持和鼓励也是大家的福利! 本站承诺:投稿一旦通过会给予投稿人1~20元红包作为奖励,内容质量决定于你的红包数量! 正常审核时间为每天:9:00~19:00 投稿邮箱:1410469560@qq.com 提示:本站使用两种模式方法投稿:邮箱投稿与会员投稿,性质一样!

投稿须知

1.投稿可带个人QQ/Q群等宣传信息 不可带第三方网址! 2.不收录:色情/入侵/FD/反动/擦边球等相关违法内容,一旦发现直接提交网警处理。 3.不要尝试玩套路,故意教程做得不详细骗人气或软件发布后马上开启更新,发现一次永久屏蔽。 4.投稿不要群发邮件这样导致站长审核困难,发现永久拉黑投稿人邮箱不作解释! 5.为保障教程的清晰度,请使用《屏幕录像专家》这款软件进行录制。 6.请勿上传病毒木马,否则可能导致您的账号被封,IP段被封 永远无法投稿。 7.投稿信息请认真填写,我们会在后台第一时间审核,审核通过后可在首页展示您的教程。

投稿格式

标题: 内容: 截图: 你的支付宝收款账号或微信收款账号:

最终解释权归本站所有。