求一段JS 将滑动门“点击切换”改为“鼠标放上去切换”

来源:百度知道 编辑:UC知道 时间:2024/06/19 03:38:48
输入文字限制了不能全部输入

JS部分:
<script>
function c1it(tabName,btnId,tabNumber){
for(i=0;i<tabNumber;i++){
document.getElementById(tabName+"_div"+i).style.display = "none";
document.getElementById(tabName+"_btn"+i).className = "off";
}
document.getElementById(tabName+"_div"+btnId).style.display = "block";
document.getElementById(tabName+"_btn"+btnId).className = "on";
}
function crazybu(tabName,btnId,tabNumber){
for(i=0;i<tabNumber;i++){
document.getElementById(tabName+"_div"+i).style.display = "none";
document.getElementById(tabName+"_btn"+i).className = "cyaskbu2";
}
document.getElementById(tabName+"_div"+btnId).style.display = "block";
document.getElementById(tabName+"_btn"+btnId).className = "cyaskbu1";
}
&l

把这个页面的onclick替换成onmouseover就可以了,如下:

<ul>
<li class="on" id="tab4_btn0" onmouseover="c1it('tab4',0,8)">笑 话</li>
<li class="off" id="tab4_btn1" onmouseover="c1it('tab4',1,8)">愚人篇</li>
<li class="off" id="tab4_btn2" onmouseover="c1it('tab4',2,8)">爱情篇</li>
<li class="off" id="tab4_btn3" onmouseover="c1it('tab4',3,8)">儿童篇</li>
<li class="off" id="tab4_btn4" onmouseover="c1it('tab4',4,8)">成人篇</li>
<li class="off" id="tab4_btn5" onmouseover="c1it('tab4',5,8)">网络篇</li>
<li class="off" id="tab4_btn6" onmouseover="c1it('tab4',6,8)">西游篇</li>
<li class="off" id="tab4_b