帮改变一下JS控制方式

cctv361 2013-05-01 10:43:48
下面一段代码,是滑动门,效果就是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">
...全文
122 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
cctv361 2013-05-02
  • 打赏
  • 举报
回复
引用 1 楼 ftiger 的回复:
onmouseover 直接改成 onclick 
呵呵,原来这样简单,谢谢
ftiger 2013-05-01
  • 打赏
  • 举报
回复
onmouseover 直接改成 onclick 

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧