原生css 点击后换样式

最新推荐文章于 2024-04-26 22:14:41 发布

q_182480171

最新推荐文章于 2024-04-26 22:14:41 发布

阅读量350

点赞数

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/aa_moon/article/details/132503162

版权

<li>
<a href="CategoryServlet?action=list" target="iframe" id="a1" οnclick="Change('1')">工具类别管理</a>
</li>
<li>
<a href="ProductServlet?action=list" target="iframe" id="a2" οnclick="Change('2')">工具库存和使用管理</a>
</li>
<li>
<a href="ProviderServlet?action=list" target="iframe" id="a3" οnclick="Change('3')">工具供应商管理</a>
</li>
<li>
<a href="UnitServlet?action=list" target="iframe" id="a4" οnclick="Change('4')">工具单位管理</a>
</li>
<li>
<a href="VipServlet?action=list" target="iframe" id="a5" οnclick="Change('5')">客户管理</a>
</li>
<li>
<a href="UserServlet?action=list" target="iframe" id="a6" οnclick="Change('6')">登录账号</a>
</li>

function Change(num) {
var OldColor='#FFFFFF';
var Black='#FF00ff';
let aa = parseInt(num);

for(var i=1;i<7;i++)
{
if(i===aa)
document.getElementById("a"+i).style.backgroundColor =OldColor;
else
document.getElementById("a"+i).style.backgroundColor ='';
}
}