有一段Javascript ,需要做到的是鼠标划过之后图片改变,下面的内容改变,可是这段Javascript在IE6内核下就无法使用,其他浏览器均没有这样的情况 ,贴出代码,请帮助小弟指点一二function move(xtd,xdiv)
{
var obj1="GameNote";
var obj2="Newlist1"
if(xtd == "Gameplay"){
// alert("1");
document.getElementById(obj1).style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="none";
//document.getElementById("Newlist2").style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_015.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("NewList2").style.display="none";
}else if(xtd == "GameNote"){
// alert("2");
var obj1="Gameplay";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById(obj2).style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_016.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("Newlist1").style.display="none";
} else{
// alert("3")
var obj1="GameInfo";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_014.jpg)";
document.getElementById(obj2).style.display="none";
// document.getElementById("Newlist2").style.display="none";
obj2=xdiv;
document.getElementById("Gameplay").style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById("GameNote").style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("NewList2").style.display="none";
}
}页面代码 <div class="right_04">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="width: 83px;text-align:right;"> <div style="background-image:url(Images/img_017.jpg); height:24px; width:72px;" id="GameNote" onmouseover="move('GameNote','NewList2')" ></div></td>
<td width="72" align="center" style="text-align:left"><div style="background-image:url(Images/img_015.jpg); height:24px; width:72px;" id="Gameplay" onmouseover="move('Gameplay','Newlist')" ></div></td>
<td width="83" align="center" style="text-align:left"><div style="background-image:url(Images/img_019.jpg); height:24px; width:72px;" id="GameInfo" onmouseover="move('GameInfo','Newlist1')" ></div></td>
</tr>
</table>
</div>
<div class="right_05">
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="right_img012" id="Newlist1" style="display: none;">
<asp:Repeater ID="RpNewlist" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td align="center" valign="top" id="Newlist">
<asp:Repeater ID="RpHotlist" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td align="center" valign="top" id="NewList2" style="display: none;float:none">
<asp:Repeater ID="RpGame" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</table>
{
var obj1="GameNote";
var obj2="Newlist1"
if(xtd == "Gameplay"){
// alert("1");
document.getElementById(obj1).style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="none";
//document.getElementById("Newlist2").style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_015.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("NewList2").style.display="none";
}else if(xtd == "GameNote"){
// alert("2");
var obj1="Gameplay";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById(obj2).style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_016.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("Newlist1").style.display="none";
} else{
// alert("3")
var obj1="GameInfo";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_014.jpg)";
document.getElementById(obj2).style.display="none";
// document.getElementById("Newlist2").style.display="none";
obj2=xdiv;
document.getElementById("Gameplay").style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById("GameNote").style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("NewList2").style.display="none";
}
}页面代码 <div class="right_04">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="width: 83px;text-align:right;"> <div style="background-image:url(Images/img_017.jpg); height:24px; width:72px;" id="GameNote" onmouseover="move('GameNote','NewList2')" ></div></td>
<td width="72" align="center" style="text-align:left"><div style="background-image:url(Images/img_015.jpg); height:24px; width:72px;" id="Gameplay" onmouseover="move('Gameplay','Newlist')" ></div></td>
<td width="83" align="center" style="text-align:left"><div style="background-image:url(Images/img_019.jpg); height:24px; width:72px;" id="GameInfo" onmouseover="move('GameInfo','Newlist1')" ></div></td>
</tr>
</table>
</div>
<div class="right_05">
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="right_img012" id="Newlist1" style="display: none;">
<asp:Repeater ID="RpNewlist" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td align="center" valign="top" id="Newlist">
<asp:Repeater ID="RpHotlist" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td align="center" valign="top" id="NewList2" style="display: none;float:none">
<asp:Repeater ID="RpGame" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval("MId") %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</table>
其他浏览器均正常 求解
http://blog.csdn.net/theforever/archive/2010/08/23/5832244.aspx2.函数名不要起move,改改名.
var obj2 = "Newlist"document.getElementById(obj1).style.backgroundImage = "url(Images/img_018.jpg)";标红的部分,中间少个分号,有多处这样的代码位置都是这样(难道没报错??).
原来的代码是这样的
var obj2="Newlist"
document.getElementById(
一般来说没问题,最好加上分号.
还是象我说的,把HTML部分简化一下,再加几个断点,来检查看看是哪里的问题。
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
function move(xtd,xdiv)
{
//var obj1="GameNote";
//var obj2="Newlist1"
if(xtd == "Gameplay"){
var obj1="GameNote";
var obj2="Newlist1"
// alert("1");
document.getElementById(obj1).style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="none";
//document.getElementById("Newlist2").style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_015.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("NewList2").style.display="none";
}else if(xtd == "GameNote"){
// alert("2");
var obj1="Gameplay";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById(obj2).style.display="none";
obj1=xtd;
obj2=xdiv;
document.getElementById(obj1).style.backgroundImage="url(Images/img_016.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("GameInfo").style.backgroundImage="url(Images/img_019.jpg)";
document.getElementById("Newlist1").style.display="none";
} else{
// alert("3")
var obj1="GameInfo";
var obj2="Newlist"
document.getElementById(obj1).style.backgroundImage="url(Images/img_014.jpg)";
document.getElementById(obj2).style.display="none";
// document.getElementById("Newlist2").style.display="none";
obj2=xdiv;
document.getElementById("Gameplay").style.backgroundImage="url(Images/img_018.jpg)";
document.getElementById("GameNote").style.backgroundImage="url(Images/img_017.jpg)";
document.getElementById(obj2).style.display="block";
document.getElementById("NewList2").style.display="none";
}
}</script>
</head><body>
<div class="right_04">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="width: 83px;text-align:right;"> 1<div style="background-image:url(Images/img_017.jpg); height:24px; width:72px;" id="GameNote" onmouseover="move('GameNote','NewList2')" ></div></td>
<td width="72" align="center" style="text-align:left">2<div style="background-image:url(Images/img_016.jpg); height:24px; width:72px;" id="Gameplay" onmouseover="move('Gameplay','Newlist')" ></div></td>
<td width="83" align="center" style="text-align:left">3<div style="background-image:url(Images/img_019.jpg); height:24px; width:72px;" id="GameInfo" onmouseover="move('GameInfo','Newlist1')" ></div></td>
</tr>
</table>
</div>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="right_img012" id="Newlist1" style="display: none;">
ddddddddddd
</td>
<td align="center" valign="top" id="Newlist">
bbbbbbb
</td>
<td align="center" valign="top" id="NewList2" style="display: none;float:none">
adsfasdf
</td>
</tr>
</table></body>
</html>
经测试可以使用,图片也可以用的
看你的asp代码有点不对<asp:Repeater ID="RpNewlist" runat="server">
<ItemTemplate>
<table width="325" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="255" align="left">
<a href="Details.aspx?Id=<%#Eval('MId') %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
</a>
</td>
<td width="67">
<%#Convert.ToDateTime( Eval("fbtime")).ToString("yyyy.MM.dd") %>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="../images/newgame_img027.jpg" width="322" height="1" alt="" /></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
<a href="Details.aspx?Id=<%#Eval('MId') %>" target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
or
<a href='Details.aspx?Id=<%#Eval("MId") %>' target="_blank">· <%#Eval("title").ToString().Length >= 18 ? Eval("title").ToString().Substring(0, 18) + "." : Eval("title")%>
这里的href要用符号有点错误,外面单引号,里面嵌套的就双引号,相反外面双引号,里面就单引号你是水区、ms sql区的宝石妹还是哥啊、姐的,貌似是宝石姐