有了它 :<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>
在FIREFOX下我的鼠标事件无效
没有它
在IE和FIREFOX下我的部分CSS无效
我的JS :
<script language="javascript" type="text/javascript">
function showBlank(j,n,x,y,x_class,y_class){
//j:当前ID n:总数目 x,y:前缀 x_class,y_class:类名
var Norbal= new Array();
var Change= new Array();
for(var i=0;i<n;i++){
Norbal[i]=x+i;
Change[i]=y+i;
}
for(var i=0;i<n;i++){
if(i==j) {
document.all.item(Norbal[i]).style.display = "";
document.all.item(Change[i]).className=x_class;
}
else{
document.all.item(Norbal[i]).style.display = "none";
document.all.item(Change[i]).className=y_class;
}
}}
</script>
-----------------------------------------------------------------
<table width="100%" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td>
<table width="100%" height="24" border="0" align="center" cellpadding="0" cellspacing="0" background="img/menu_bg.gif" >
<tr>
<td align="center" class="head_tit3" id="so0" onmouseover="showBlank(0,6,'s','so','head_tit3','head_tit')">精简型</td>
<td align="center" class="head_tit" id="so1" onmouseover="showBlank(1,6,'s','so','head_tit2','head_tit')">普通型</td>
<td align="center" class="head_tit" id="so2" onmouseover="showBlank(2,6,'s','so','head_tit2','head_tit')">实用型</td>
<td align="center" class="head_tit" id="so3" onmouseover="showBlank(3,6,'s','so','head_tit2','head_tit')">标准型</td>
<td align="center" class="head_tit" id="so4" onmouseover="showBlank(4,6,'s','so','head_tit2','head_tit')">空间服务</td>
<td align="center" class="head_tit" id="so5" onmouseover="showBlank(5,6,'s','so','head_tit4','head_tit')">攒机指南</td>
</tr>
</table></td>
</tr>
<tr>
<td >
<table width="100%" id="s0" style="display:; margin:0px">
<tr>
<td class="table_7"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60"><table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table>
<table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table>
<table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table></td>
<td width="1px" background="img/line_mid.gif"></td>
<td class="table_5">111</td>
<td width="1px" background="img/line_mid.gif"></td>
<td class="wenzi_2">222</td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" id="s1" style="display:none; margin:0px">
<tr>
<td>111
222</td>
</tr>
</table>
<table width="100%" id="s2" style="display:none; margin:0px">
<tr>
<td>222
333</td>
</tr>
</table>
<table width="100%" id="s3" style="display:none; margin:0px">
<tr>
<td>333
444</td>
</tr>
</table>
<table width="100%" id="s4" style="display:none; margin:0px">
<tr>
<td>444
555</td>
</tr>
</table>
<table width="100%" id="s5" style="display:none; margin:0px">
<tr>
<td>666
444</td>
</tr>
</table>
</td>
</tr>
</table>
在FIREFOX下我的鼠标事件无效
没有它
在IE和FIREFOX下我的部分CSS无效
我的JS :
<script language="javascript" type="text/javascript">
function showBlank(j,n,x,y,x_class,y_class){
//j:当前ID n:总数目 x,y:前缀 x_class,y_class:类名
var Norbal= new Array();
var Change= new Array();
for(var i=0;i<n;i++){
Norbal[i]=x+i;
Change[i]=y+i;
}
for(var i=0;i<n;i++){
if(i==j) {
document.all.item(Norbal[i]).style.display = "";
document.all.item(Change[i]).className=x_class;
}
else{
document.all.item(Norbal[i]).style.display = "none";
document.all.item(Change[i]).className=y_class;
}
}}
</script>
-----------------------------------------------------------------
<table width="100%" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td>
<table width="100%" height="24" border="0" align="center" cellpadding="0" cellspacing="0" background="img/menu_bg.gif" >
<tr>
<td align="center" class="head_tit3" id="so0" onmouseover="showBlank(0,6,'s','so','head_tit3','head_tit')">精简型</td>
<td align="center" class="head_tit" id="so1" onmouseover="showBlank(1,6,'s','so','head_tit2','head_tit')">普通型</td>
<td align="center" class="head_tit" id="so2" onmouseover="showBlank(2,6,'s','so','head_tit2','head_tit')">实用型</td>
<td align="center" class="head_tit" id="so3" onmouseover="showBlank(3,6,'s','so','head_tit2','head_tit')">标准型</td>
<td align="center" class="head_tit" id="so4" onmouseover="showBlank(4,6,'s','so','head_tit2','head_tit')">空间服务</td>
<td align="center" class="head_tit" id="so5" onmouseover="showBlank(5,6,'s','so','head_tit4','head_tit')">攒机指南</td>
</tr>
</table></td>
</tr>
<tr>
<td >
<table width="100%" id="s0" style="display:; margin:0px">
<tr>
<td class="table_7"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60"><table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table>
<table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table>
<table width="50" height="40" border="0" cellpadding="0" cellspacing="0" class="bian_3">
<tr>
<td> </td>
</tr>
</table></td>
<td width="1px" background="img/line_mid.gif"></td>
<td class="table_5">111</td>
<td width="1px" background="img/line_mid.gif"></td>
<td class="wenzi_2">222</td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" id="s1" style="display:none; margin:0px">
<tr>
<td>111
222</td>
</tr>
</table>
<table width="100%" id="s2" style="display:none; margin:0px">
<tr>
<td>222
333</td>
</tr>
</table>
<table width="100%" id="s3" style="display:none; margin:0px">
<tr>
<td>333
444</td>
</tr>
</table>
<table width="100%" id="s4" style="display:none; margin:0px">
<tr>
<td>444
555</td>
</tr>
</table>
<table width="100%" id="s5" style="display:none; margin:0px">
<tr>
<td>666
444</td>
</tr>
</table>
</td>
</tr>
</table>
是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">