网站SEO优化教程|技术分享|源码分享

本博客文章均是作者原创,记录码砖的点点滴滴,不介意搬砖,希望大家转载注明出处,感谢ing……




导航栏动态添加点击焦点色


 2020-11-12 17:30:01  浏览量:(395)   标签: 导航栏变色  点击变色  js点击导航变色 




HTML:

<div id="cb" style="background-color: #F9F9F9;width: 10%;height: 95vh;">
	<ul id="nav">
		<li id="0" class="avr" onclick="动态加焦点色('0')">
			游戏申请列表
		</li>
		<li id="1" onclick="动态加焦点色('1')">
			游戏管理
		</li>
		<li id="2" onclick="动态加焦点色('2')">
			代理充值记录
		</li>
		<li id="3" onclick="动态加焦点色('3')">
			预存款充值
		</li>
		<li id="4" onclick="动态加焦点色('4')">
			扣除预存款记录
		</li>
		<li id="5" onclick="动态加焦点色('5')">
			个人信息
		</li>
	</ul>
</div>

JS:

function addrg(id){
for(var i=0 ; i<=3 ; i++){
	document.getElementById(i).classList.remove("avr");
}
document.getElementById(id).classList.add("avr");
}


如文章内容失效请联系作者更新,感谢ing,如有任何疑问点击网站提问按钮;

本文由【日韩赶SEO】原创,转载请注明出处,违者必究:http://4asport.com/post/106.html

提问 刷新 ^

友情链接:A5源码

Copyright ?2019 【日韩赶SEO】京ICP备25252500号