有多个按钮,页面初始化时默认选中第一个按钮。
被选中的按钮为蓝色背景,白色字体;
未选中的按钮为灰色背景,黑色字体。
多个按钮每次只有一个按钮可为被选中状态,当点击其他按钮时,前一个被选中按钮恢复未选中状态。没点击其他按钮时当前按钮保持被选中状态
这个js效果应该很常用吧,身为js小白,不会这个,请教大神。
由于某些原因不能用tab块切换。
$('div#fr-btn-5TH').css('background', ' #4893e5'); //背景 $('div#fr-btn-5TH.fr-btn-noicon .fr-btn-small .fr-btn-text').css('color', '#fff'); //字体 $('div#fr-btn-1ST').css('background', ' #7a7680'); $('div#fr-btn-1ST.fr-btn-noicon .fr-btn-small .fr-btn-text').css('color', '#fff');
根据控件名适当修改,把所有需要改变的按钮控件都加上,注意按钮的控件名全部大写
可以利用动态参数,改变单元格的背景颜色