我正在使用 JavaScript(JS) 包含在几个 HTML 页面中呈现选项卡菜单。JS 包含工作正常 - 选项卡呈现。但是,我想在页面处于活动状态时更改选项卡的背景颜色。有谁知道如何做到这一点?我所有的文件都是外部文件(即外部 CSS 和 JS 文件)。
提供的是我的代码片段。
// JavaScript Document
document.write('<ul id="tabMenu">');
document.write('<li><a id="sbac" href="sbac_courses.html"><img src="../images/rlbm.png" width="149" height="52" /></a></li>');
document.write('<li><a id="nbm" href="nbm.html"><img src="../images/nbm.png" width="149" height="52" /></a></li>');
document.write('<li><a id="sbo" href="sbo.html"><img src="../images/sbo.png" width="149" height="52" /></a></li>');
document.write('</ul>');
switch (selected) {
case 'sbac':
$('ul li a').css('bgColor','#FCB314');
break;
case 'nbm':
$('ul li a').css('bgColor','#FCB314');
break;
case 'sbo':
$('ul li a').css('bgColor','#FCB314');
break;
}