关闭

工作日记

130人阅读 评论(0) 收藏 举报

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 的时间模式

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3479次
    • 积分:121
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:6篇
    • 译文:0篇
    • 评论:0条
    文章分类