工作日记

know_side_nlp.tpl——浏览器插件—艺人推荐

.closest()

.toggleClass()

.toggle()

分屏展示

.hide{

display:none;

} 

{%foreach $data.data as $item%}
{%foreach array_chunk($item.list,6) as $list%}
<ul class="bs-list clearfix{%if $list@iteration > 1%} js-toggle-row hide{%/if%}">

$('#bsrec-news-timeline').on('click','.js-btn-switch',function(e){
e.preventDefault();
var self = $(this);
self.toggleClass('open');
self.closest('.bs-image').find('.js-toggle-row').toggleClass('hide');
});


切换按钮：
<a class="bs-op-fold js-btn-switch" href="#switch" title="展开" opentitle="收起"></a>
#bsrec-news-timeline .bs-op-fold:after{
content: attr(title);
padding:0 10px 0 0;
background: url(http://p8.qhimg.com/t01c93ebc1b6321a882.jpg) no-repeat right center;
}
#bsrec-news-timeline .bs-op-fold.open:after{
content: attr(opentitle);
background: url(http://p8.qhimg.com/t01a4818e2c04ef02f0.jpg) no-repeat right center;
}

切换按钮：

<a class="bs-op-fold js-btn-switch" href="#switch" title="展开" opentitle="收起"></a>
#bsrec-news-timeline .bs-op-fold:after{
content: attr(title);
padding:0 10px 0 0;
background: url(http://p8.qhimg.com/t01c93ebc1b6321a882.jpg) no-repeat right center;
}
#bsrec-news-timeline .bs-op-fold.open:after{
content: attr(opentitle);
background: url(http://p8.qhimg.com/t01a4818e2c04ef02f0.jpg) no-repeat right center;
}

关于制作彩色热搜推荐

<a href="{%$list.show_data.query_url%}" class="bs-link hot-list-style{%mt_rand(1,5)%}" target="_blank">{%$list.title%}</a>
box-sizing

关于极速版获取时间

PHP

date("Y-m-dH:i:s");   //该结果会显示为：2010-07-27 21:19:36 的模式

Smarty

{$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}   //该结果会显示为 2010-07-27 21:19:36 的时间模式