常用js效果

同一页内容切换

<table width=160 border="0" cellpadding="0" cellspacing="0" ><tr><td colspan=3 height=24 bgcolor="#ffffff"><table border="0" cellpadding="0" cellspacing="0"><tr><td height=24 background="bg_1.gif" id="bt0" onmouseover="javascript:showPage(0);javascript:checkbr0(0);" STYLE='cursor:hand' width=80 align=center>网络</td><td background="bg_2.gif" STYLE='cursor:hand' id="bt1" onmouseover="javascript:showPage(1);javascript:checkbr0(1);" width=80 align=center>信息</td><td background="bg_2.gif" STYLE='cursor:hand' id="bt2" onmouseover="javascript:showPage(2);javascript:checkbr0(2);" width=80 align=center>编程</td><td background="bg_2.gif" STYLE='cursor:hand' id="bt3" onmouseover="javascript:showPage(3);javascript:checkbr0(3);" width=80 align=center>通信</td></tr></table></td></tr><tr><td width=1 bgcolor="#6BA2DE"></td><td height=1 bgcolor="#AEB8C3"></td><td width=1 bgcolor="#6BA2DE"></td></tr><tr><td><div id="b2bContent"></div></td></tr><script language="javascript"><!--b2bStr = new Array(); b2bStr[0]= "<br>网络相关信息";b2bStr[1]= "<br>信息时代相关主题";b2bStr[2]= "<br>javascript脚本语言";b2bStr[3]= "<br>通讯技术广泛应用";function showPage(id){ b2bContent.innerHTML=b2bStr[id];}function checkbr0(id){for(var i=0;i<4;i++){ btObj=eval('bt'+i);if(id==i){ btObj.style.backgroundImage="url(bg_1.gif)"; }else{ btObj.style.backgroundImage="url(bg_2.gif)"; }}}showPage(0)//--></script></table>

 

1. checkBox全选

全选

程序语言javascriptVBscriptASP.NET

<script language=javascript><!--function ReverseCheckList(){for(var i=0;i<document.listform.elements.length;i++){var e=document.listform.elements[i]; e.checked=!e.checked;}}//--></script><form method="post" name="listform"><table><tr><td width=40 height=20 onClick="javascript:ReverseCheckList()" STYLE='cursor:hand'>全选</td><td>程序语言</td></tr><tr>            <td height=20><input type="checkbox" name="selectid" ></td><td height=20>javascript</td></tr><tr>            <td height=20><input type="checkbox" name="selectid"></td><td height=20>VBscript</td></tr><tr>            <td height=20><input type="checkbox" name="selectid"></td><td height=20>ASP.NET</td></tr></table></form>