帮改变一下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