可折叠多模块

2019/10/9 18:40:00  人气 533    排版素材  
短笛论坛


<div class=”forum” id=”forum”>
<div class=”ban-kuai”>
<div class=”tit”>
<h2><a href=”#”>交流论坛</a><i></i></h2>
</div>
<div class=”bbslist”>
<div class=”forum-style”> <a href=”/bbslist-204571.html”><span class=”img”><img src=”/Template/default/img/bbs-gg.jpg”></span><span class=”name”>官方公告</span><span class=”bbsre”>主题:<em>[bbs=204571_100]</em><i></i>互动:<em>[bbsre=204571_100]</em></span><span class=”today”>[bbs=204571_101]</span></a></div>
<div class=”forum-style”> <a href=”/bbslist-204576.html”><span class=”img”><img src=”/Template/default/img/bbs-sp.jpg”></span><span class=”name”>视频教程</span><span class=”bbsre”>主题:<em>[bbs=204576_100]</em><i></i>互动:<em>[bbsre=204576_100]</em></span><span class=”today”>[bbs=204576_101]</span></a></div>
<div class=”forum-style”> <a href=”/bbslist-99524.html”><span class=”img”><img src=”/Template/default/img/bbs-jl.jpg”></span><span class=”name”>使用交流</span><span class=”bbsre”>主题:<em>[bbs=99524_100]</em><i></i>互动:<em>[bbsre=99524_100]</em></span><span class=”today”>[bbs=99524_101]</span></a></div>
<div class=”forum-style”> <a href=”/bbslist-204572.html”><span class=”img”><img src=”/Template/default/img/bbs-az.jpg”></span><span class=”name”>程序安装</span><span class=”bbsre”>主题:<em>[bbs=204572_100]</em><i></i>互动:<em>[bbsre=204572_100]</em></span><span class=”today”>[bbs=204572_101]</span></a></div>
<div class=”forum-style”> <a href=”/bbslist-204573.html”><span class=”img”><img src=”/Template/default/img/bbs-rm.jpg”></span><span class=”name”>菜鸟入门</span><span class=”bbsre”>主题:<em>[bbs=204573_100]</em><i></i>互动:<em>[bbsre=204573_100]</em></span><span class=”today”>[bbs=204573_101]</span></a></div>
<div class=”forum-style”> <a href=”/bbslist-204609.html”><span class=”img”><img src=”/Template/default/img/bbs-pb.jpg”></span><span class=”name”>排版设计</span><span class=”bbsre”>主题:<em>[bbs=204609_100]</em><i></i>互动:<em>[bbsre=204609_100]</em></span><span class=”today”>[bbs=204609_101]</span></a></div>
<div class=”forum-style” style=”border-bottom:0px;”> <a href=”/bbslist-204607.html”><span class=”img”><img src=”/Template/default/img/bbs-ad.jpg”></span><span class=”name”>广告交易</span><span class=”bbsre”>主题:<em>[bbs=204607_100]</em><i></i>互动:<em>[bbsre=204607_100]</em></span><span class=”today”>[bbs=204607_101]</span></a></div>
</div>
</div>
</div>
<script type=”text/javascript”>
function forum(jo){
var oForum = document.getElementById(jo.id);
var oTit = oForum.getElementsByClassName(jo.tit);
var oToday = oForum.getElementsByClassName(jo.today);

for(var i=0;i<oTit.length;i++){
oTit[i].onclick = function(){
var oList = this.parentNode.getElementsByClassName(jo.list)[0];
if(this.className == ”tit”){
this.className = ”tit on”;
oList.className = ”bbslist on”;
}else{
this.className = ”tit”;
oList.className = ”bbslist”;
}
}
}
for(var i=0;i<oToday.length;i++){
if(parseInt(oToday[i].innerHTML) > 0){
oToday[i].style.* = ”block”;
}
}
}

forum({
id : ”forum”,
tit : ”tit”,
list : ”bbslist”,
today : ”today”,
});
</script>

共有 1 个附件

1.IMG_20191009_183927.jpg(133.0KB)
IMG_20191009_183927

. diter.3gqq.top

发表回复

   


  通知楼主
暂无回复!

猜你喜欢

刷新 换一批