同一页内容切换
<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" οnmοuseοver="javascript:showPage(0);javascript:checkbr0(0);" STYLE='cursor:hand' width=80 align=center>网络</td>
<td background="bg_2.gif" STYLE='cursor:hand' id="bt1" οnmοuseοver="javascript:showPage(1);javascript:checkbr0(1);" width=80 align=center>信息</td>
<td background="bg_2.gif" STYLE='cursor:hand' id="bt2" οnmοuseοver="javascript:showPage(2);javascript:checkbr0(2);" width=80 align=center>编程</td>
<td background="bg_2.gif" STYLE='cursor:hand' id="bt3" οnmοuseοver="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全选
全选 | 程序语言 |
javascript | |
VBscript | |
ASP.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>