Heim > Web-Frontend > HTML-Tutorial > 求助,网站导航栏样式js+css_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:18:46
Original
1395 Leute haben es durchsucht

<div id=site-nav>								<ul class=quick-menu>								  <li class="services menu-item last">									  <div class=menu>										  <a id="a" class="menu-c" onclick="catalogClick('', '1','a')" target=_top>全部</a> 									  </div>								  </li>								  								  <li class="services menu-item last">									  <div class="menu">										  <a id="b" class="menu-hd" onclick="catalogClick('5', '1','b')" target=_top>下载</a> 										  									  </div>								  </li>      										  								  <li class="services menu-item last">									  <div class=menu>										  <a id="c" class="menu-hd" onclick="catalogClick('2', '1','c')" target=_top>关注</a> 																			  </div>								  </li>								  								  <li class="services menu-item last">									  <div class="menu">										  <a id="d" class="menu-hd" onclick="catalogClick('6', '1','d')" target=_top>评论</a> 																			  </div>								  </li>								  								  <li class="services menu-item last">									  <div class="menu">										  <a id="e" class="menu-hd" onclick="catalogClick('3', '1','e')" target=_top>收藏</a> 										  									  </div>								  </li>											 <li class="services menu-item last">									  <div class=menu>										  <a id="f" class="menu-hd" onclick="catalogClick('4', '1','f')" target=_top>分享</a> 																			  </div>								  </li>									  								</ul>							</div>
Nach dem Login kopieren
#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;}
Nach dem Login kopieren
function catalogClick(logType,pageCode,id) {	var obj = document.getElementsByTagName("a");	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 "";	}	return str.replace(/^\s*(.*?)[\s\n]*$/g, "$1");}
Nach dem Login kopieren

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


回复讨论(解决方案)

 eval(id)==> thisObj
Nach dem Login kopieren


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

className你多写了个s

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage