项目需求
- 1.TAB选项卡:“月统计”和“年统计”;
- 2.实现不同TAB选项卡时,同一个按钮实现不同的链接,弹出对应的“月统计”和“年统计”放大页面。
解决方案
- 1.HTML代码
<div class="allTitle">荣誉墙 <span class="laybg new6" onClick="x_admin_show('月统计','months.html',700,450)"><i class="icon2"> </i></span> <span id="hn1" class="active">月统计</span> <span id="hn2" class="unactive">年统计</span> </div>
- 2.js代码
$('#hn1').click(function () { $('#hn1').removeClass().addClass('active'); $('#hn2').removeClass().addClass('unactive'); $('.new6').attr("onclick", "x_admin_show('月统计','months.html',700,450)"); getHonor("0"); }) $('#hn2').click(function () { $('#hn1').removeClass().addClass('unactive'); $('#hn2').removeClass().addClass('active'); $('.new6').attr("onclick", "x_admin_show('年统计','years.html',700,450)"); getHonor("1"); })
关键代码:
$('.new6').attr("onclick", "x_admin_show('年统计','years.html',700,450)");
Done!