源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js导航栏单击事件背景变换示例代码

  • 时间:2020-07-03 02:55 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js导航栏单击事件背景变换示例代码
[b]如下所示; [/b]
[u]复制代码[/u] 代码如下:
<!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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部