当前位置:Gxlcms > html代码 > 求助,网站导航栏样式js+css_html/css_WEB-ITnose

求助,网站导航栏样式js+css_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:23人阅读

  1. <div id="site-nav">
  2. <ul class="quick-menu">
  3. <li class="services menu-item last">
  4. <div class="menu">
  5. 全部
  6. </div>
  7. </li>
  8. <li class="services menu-item last">
  9. <div class="menu">
  10. 下载
  11. </div>
  12. </li>
  13. <li class="services menu-item last">
  14. <div class="menu">
  15. 关注
  16. </div>
  17. </li>
  18. <li class="services menu-item last">
  19. <div class="menu">
  20. 评论
  21. </div>
  22. </li>
  23. <li class="services menu-item last">
  24. <div class="menu">
  25. 收藏
  26. </div>
  27. </li>
  28. <li class="services menu-item last">
  29. <div class="menu">
  30. 分享
  31. </div>
  32. </li>
  33. </ul>
  34. </div>
  1. #site-nav .menu-hd { PADDING:0px; DISPLAY: block; Z-INDEX: 10002; CURSOR: pointer; POSITION: absolute; HEIGHT:50px; line-height:40px; width:76px; margin:0;}#site-nav .menu-c { PADDING:0px; DISPLAY: block; Z-INDEX: 10002; CURSOR: pointer; POSITION: absolute; HEIGHT:50px; line-height:40px; width:90px; background:url(img/catalog.png) no-repeat center top; margin:0;}#site-nav .menu:hover .menu-hd { height:50px; width:90px; background:url(img/catalog.png) no-repeat center top;}
  1. function catalogClick(logType,pageCode,id) {
  2. var obj = document.getElementsByTagName("a");
  3. for(var i=0;i<obj.length;i++) {="" if(obj[i].classname="=" 'menu-c')="" obj[i].classname="menu-hd" ;="" break;="" }="" id="trim(id);" var="" thisobj="document.getElementById(id);" eval(id).classsname="menu-c" ;}function="" trim(str)="" if="" (str="=" null)="" return="" "";="" str.replace(="" ^\s*(.*?)[\s\n]*$="" g,="" "$1");}<="" script=""></obj.length;i++)>

本来是想通过js改变标签的class来改变样式,可是执行的时候发现样式没有改变。刚学没多久,希望有朋友能帮助一下。


回复讨论(解决方案)

  1. eval(id)==> thisObj


eval(id).class sName="menu-c";
改成
thisObj.className="menu-c";

className你多写了个s

多谢,我还以为是语法上不支持这样的操作呢

人气教程排行