您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
js导航栏单击事件背景变换的示例代码
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本篇文章主要是对js导航栏单击事件背景变换的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
如下所示; 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function change_bg(obj) { var a=document.getElementById("Menu").getElementsByTagName("a"); for(var i=0;i<a.length;i++) { a[i].className=""; } obj.className="current"; } </script> <style type="text/css"> body{ font-size:17px; } .current{ background:red; } #container ul { list-style-type:none; } #container ul li { float:left; margin-right:3px; } #container ul li a{ text-decoration:none; color:#000; } </style> </head> <body> <div id="container"> <ul id="Menu"> <li><a href="javascript:" onclick="change_bg(this)" class="current">Menu1</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu2</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu3</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu4</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu5</a></li> </ul> </div> </body> </html>- 上一个程序编程： 鼠标经过tr时,改变tr当前背景颜色
- 下一个程序编程： JS文本获得焦点清除文本文字的示例代码
