问题描述
代码是这样的另外我还想实现个功能就是ONCLICK点击后滑动到其他表当前点击的这个颜色是不没的类似图片上的效果麻烦各位高人指点一下最好是帮我修改一下代码谢谢了<html><head><title>我的一个JS问题</title><styletype="text/css">.on{background:#ff0000;}.off{background:#cccccc;}</style><scriptlanguage="javascript">varflag;functionon_over(btnName,myNum){for(i=1;i<5;i++){document.getElementById(btnName+i).className="off";flag=0;}document.getElementById(btnName+myNum).className="on";}functionon_out(btnName,myNum){if(flag==0){document.getElementById(btnName+myNum).className="off";}}functionon_click(btnName,myNum){for(i=1;i<5;i++){document.getElementById(btnName+i).className="off";}document.getElementById(btnName+myNum).className="on";flag=1;}</script></head><body><tableborder=1align=center><tr><tdwidth=50id="tab_1"class="on"onMouseOver="on_over('tab_',1);"onMouseOut="on_out('tab_',1);"onClick="on_click('tab_',1);">1</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_2"class="off"onMouseOver="on_over('tab_',2);"onMouseOut="on_out('tab_',2);"onClick="on_click('tab_',2);">2</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_3"class="off"onMouseOver="on_over('tab_',3);"onMouseOut="on_out('tab_',3);"onClick="on_click('tab_',3);">3</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_4"class="off"onMouseOver="on_over('tab_',4);"onMouseOut="on_out('tab_',4);"onClick="on_click('tab_',4);">4</td></tr></table></body></html>
解决方案
解决方案二:
已经解决了贴上去供大家做个参考吧<html><head><styletype="text/css">.on{background:#ff0000;}.off{background:#cccccc;}.onn{background:#009900;}</style><scriptlanguage="javascript">varflag;vargreen;functionon_over(btnName,myNum){for(i=1;i<5;i++){if(i!=green){document.getElementById(btnName+i).className="off";flag=0;}}if(myNum!=green)document.getElementById(btnName+myNum).className="on";}functionon_out(btnName,myNum){if(flag==0&&green!=myNum){document.getElementById(btnName+myNum).className="off";}}functionon_click(btnName,myNum){for(i=1;i<5;i++){document.getElementById(btnName+i).className="off";}document.getElementById(btnName+myNum).className="onn";green=myNum;flag=1;}</script></head><body><tableborder=1align=center><tr><tdwidth=50id="tab_1"class="on"onMouseOver="on_over('tab_',1);"onMouseOut="on_out('tab_',1);"onClick="on_click('tab_',1);">1</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_2"class="off"onMouseOver="on_over('tab_',2);"onMouseOut="on_out('tab_',2);"onClick="on_click('tab_',2);">2</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_3"class="off"onMouseOver="on_over('tab_',3);"onMouseOut="on_out('tab_',3);"onClick="on_click('tab_',3);">3</td></tr></table><br><br><tableborder=1align=center><tr><tdwidth=50id="tab_4"class="off"onMouseOver="on_over('tab_',4);"onMouseOut="on_out('tab_',4);"onClick="on_click('tab_',4);">4</td></tr></table></body></html>
解决方案三:
那个是百度试听么