帮改变一下JS控制方式
本帖最后由 cctv361 于 2013-05-01 10:48:19 编辑 下面一段代码，是滑动门，效果就是http://diangui.org/主面下面那种，鼠标放上去自动切换，现想实现鼠标放上去，不自动切换而是鼠标点击才切换。代码如下，不知可不可改动。
//切换到相关内容页
function nTabs(thisObj,Num){if(thisObj.className=="active")return;var tabObj=thisObj.parentNode.id;var tabList=document.getElementById(tabObj).getElementsByTagName("li");for(i=0;i<tabList.length;i++){if(i==Num){thisObj.className="active";document.getElementById(tabObj+"_Content"+i).style.display="block"}else{tabList[i].className="normal";document.getElementById(tabObj+"_Content"+i).style.display="none"}}}
调用代码
<div class="nTab"><div class="TabTitle"><ul id="myTab">
<li class="active" onmouseover="nTabs(this,0);">最近更新</li>
<li class="normal" onmouseover="nTabs(this,1);">新闻中心</li>
<li class="normal" onmouseover="nTabs(this,2);">成功案例</li>
<li class="normal" onmouseover="nTabs(this,3);">产品展示</li></ul></div>
<div class="TabContent" ><div id="myTab_Content0">
[解决办法]
onmouseover 直接改成 onclick
