SCLUB/Discuz! 7.2-greenwall风格5页翻页效果代码

安装方法：
1、打开discuz模板找到

复制代码

2、在上边加

<div id="wj-tb" class="wj-chat">
<ul>$pluginhooks[index_middle]
<li id="wj-tbm_1" onmouseover="x:HoverLiz(1);" class="wj-tlb-hover1">华语流行 </li>
<li id="wj-tbm_2" onmouseover="x:HoverLiz(2);" class="wj-tlb-normal1">民歌系列</li>
<li id="wj-tbm_3" onmouseover="x:HoverLiz(3);" class="wj-tlb-normal1">古典音乐</li>
<li id="wj-tbm_4" onmouseover="x:HoverLiz(4);" class="wj-tlb-normal1">纯轻音乐</li>
<li id="wj-tbm_5" onmouseover="x:HoverLiz(5);" class="wj-tlb-normal1">舞曲音乐</li>
</ul>
</div>
<div style="height: 300px;border: solid #DDDDDD;border-width: 1px;border-top: none;background: #fff;border-radius: 5px;margin-bottom: 3px;">
<div class="wj-tlb-dism" id="wj-tbcm_01">
<ul style="padding-top: 3px;margin-left: 3px;">
{eval request('主题列表_科幻片A');}
</ul>
</div>
<div class="wj-tlb-undism" id="wj-tbcm_02">
<ul style="padding-top: 3px;margin-left: 3px;">
{eval request('主题列表_战争片B');}
</ul>
</div>
<div class="wj-tlb-undism" id="wj-tbcm_03">
<ul style="padding-top: 3px;margin-left: 3px;">
{eval request('主题列表_动作片C');}
</ul>
</div>
<div class="wj-tlb-undism" id="wj-tbcm_04">
<ul style="padding-top: 3px;margin-left: 3px;">
{eval request('主题列表_古装片D');}
</ul>
</div>
<div class="wj-tlb-undism" id="wj-tbcm_05">
<ul style="padding-top: 3px;margin-left: 3px;">
{eval request('主题列表_喜剧片E');}
</ul>
</div>
</div>
<script>
function g(o) {
return document.getElementById(o);
}
function HoverLiz(n) {
for(var i=1;i<=5;i++) {
g('wj-tbm_'+i).className='wj-tlb-normal1';
g('wj-tbcm_0'+i).className='wj-tlb-undism';
}
g('wj-tbcm_0'+n).className='wj-tlb-dism';
g('wj-tbm_'+n).className='wj-tlb-hover1';
}
</script>