贴了几次都没有人回答的问题 我晕,不知道图片的off是什么意思。可以描述的清楚一点吗?用checkbox吗?每张图片的3种显示效果是否就是每张图片有3种样子如:图片变暗、变灰、变亮 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <html><body><img id="Img1" onclick="Image_OnClick(this)" Selected=0 src="aa"><img id="Img2" onclick="Image_OnClick(this)" onclick="Image_OnClick()" Selected=0 src="aa"><script language="JavaScript">function Image_OnClick(el){ if(el.Selected==0) { el.style.filter = "Alpha(Opacity=50,FinishOpacity=50,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0);" el.Selected = 1; } else { el.style.filter = "" el.Selected = 0; }}</script></body></html> 可能表达得不太清楚,就是不用CHECKBOX,但做成CHECKBOX的效果咯.不管OFF咯其实一张图片有三种效果啊..第一种正常的就是第一张.第二种就是鼠标放在图片上面就第二张,点击后就是第三张.. 不好意思我详细说一篇有五个图片.每一个图片,做了三张,如:IMAGE1_OUT.GIF,IMAGE1_OVER.GIF,IMAGE1_CHICK.GIF然后这五张图片并排的显示在表格里IMAGE1_OUT.GIF,IMAGE2_OUT.GIF,IMAGE3_OUT.GIF,IMAGE4_OUT.GIF,IMAGE5_OUT.GIF然后我想把鼠标放在那个图片上时就显示*_OVER.GIF(离开后就变回*_OUT.GIF),点击后就显示*_CHICK.GIF图片然后用提交后还可以统计点了那几张图片 这个应该可以了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Untitled</title></head><body><html><body><img id="Img1" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img2" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img3" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img4" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img5" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><br><input id="btnGo" type="Button" value="Go" onclick="btnGo_OnClick()" ><script language="JavaScript">function Image_OnMouseOver(el){ el.src = "d:\Image_Over.GIF"}function Image_OnMouseOut(el){ if(el.Selected==1) el.src = "d:\Image_Click.GIF" else el.src = "d:\Image_Out.GIF"}function Image_OnClick(el){ if(el.Selected==0) { el.src = "d:\Image_Click.GIF" el.Selected = 1; if(el.id == "Img5") { document.getElementById("Img1").src="d:\Image_Out.GIF"; document.getElementById("Img2").src="d:\Image_Out.GIF"; document.getElementById("Img3").src="d:\Image_Out.GIF"; document.getElementById("Img4").src="d:\Image_Out.GIF"; document.getElementById("Img1").Selected = 0; document.getElementById("Img2").Selected = 0; document.getElementById("Img3").Selected = 0; document.getElementById("Img4").Selected = 0; } else { document.getElementById("Img5").src="d:\Image_Out.GIF"; document.getElementById("Img5").Selected = 0; } } else { el.src = "d:\Image_Out.GIF" el.Selected = 0; } }function btnGo_OnClick(){ var returnValue; returnValue = ""; returnValue = returnValue + document.getElementById("Img1").Selected + ","; returnValue = returnValue + document.getElementById("Img2").Selected + ","; returnValue = returnValue + document.getElementById("Img3").Selected + ","; returnValue = returnValue + document.getElementById("Img4").Selected + ","; returnValue = returnValue + document.getElementById("Img5").Selected; alert(returnValue);}</script></body></html></body></html> 换下图片 d:\Image_Out.GIF , d:\Image_Over.GIF , d:\Image_Click.GIF 或者提交之后找到这个值hidSelectedValue 比如可能是 : 1,0,1,1,0 0,0,0,0,1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Untitled</title></head><body><html><body><img id="Img1" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img2" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img3" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img4" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><img id="Img5" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF"><br><input id=hidSelectedValue type="Hidden" value="0,0,0,0,0"><input id="btnGo" type="Button" value="Go" onclick="btnGo_OnClick()" ><script language="JavaScript">function Image_OnMouseOver(el){ el.src = "d:\Image_Over.GIF"}function Image_OnMouseOut(el){ if(el.Selected==1) el.src = "d:\Image_Click.GIF" else el.src = "d:\Image_Out.GIF"}function Image_OnClick(el){ if(el.Selected==0) { el.src = "d:\Image_Click.GIF" el.Selected = 1; if(el.id == "Img5") { document.getElementById("Img1").src="d:\Image_Out.GIF"; document.getElementById("Img2").src="d:\Image_Out.GIF"; document.getElementById("Img3").src="d:\Image_Out.GIF"; document.getElementById("Img4").src="d:\Image_Out.GIF"; document.getElementById("Img1").Selected = 0; document.getElementById("Img2").Selected = 0; document.getElementById("Img3").Selected = 0; document.getElementById("Img4").Selected = 0; } else { document.getElementById("Img5").src="d:\Image_Out.GIF"; document.getElementById("Img5").Selected = 0; } } else { el.src = "d:\Image_Out.GIF" el.Selected = 0; } document.getElementById("hidSelectedValue").value = GetSelectedValue();}function GetSelectedValue(){ var returnValue; returnValue = ""; returnValue = returnValue + document.getElementById("Img1").Selected + ","; returnValue = returnValue + document.getElementById("Img2").Selected + ","; returnValue = returnValue + document.getElementById("Img3").Selected + ","; returnValue = returnValue + document.getElementById("Img4").Selected + ","; returnValue = returnValue + document.getElementById("Img5").Selected; return returnValue;}function btnGo_OnClick(){ alert(document.getElementById("hidSelectedValue").value);}</script></body></html></body></html> 求javascript通过pop3收取邮件的例子。 问一个正则表达式的问题 等待中 急求高手指点 jsp分页操作 为什么老是提示空指针 为select的option添加checkbox 问一段javascript代码的意思 江湖救急:请问javascript中能否实现以下操作数据库的功能? 请教一个简单问题 一个奇怪的问题(关于js的按钮事件) 怎么得到一个对象的当前在屏幕上的left和top? 如何使用Javascript实现对表单中指定数据的提交? 怎样动态隐藏文本输入框?(非常简单) 请问如何获得前一个页面的对象,然后让其刷新
<body>
<img id="Img1" onclick="Image_OnClick(this)" Selected=0 src="aa">
<img id="Img2" onclick="Image_OnClick(this)" onclick="Image_OnClick()" Selected=0 src="aa"><script language="JavaScript">
function Image_OnClick(el)
{
if(el.Selected==0)
{
el.style.filter = "Alpha(Opacity=50,FinishOpacity=50,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0);"
el.Selected = 1;
}
else
{
el.style.filter = ""
el.Selected = 0;
}
}
</script>
</body>
</html>
有五个图片.每一个图片,做了三张,如:IMAGE1_OUT.GIF,IMAGE1_OVER.GIF,IMAGE1_CHICK.GIF然后这五张图片并排的显示在表格里IMAGE1_OUT.GIF,IMAGE2_OUT.GIF,IMAGE3_OUT.GIF,IMAGE4_OUT.GIF,IMAGE5_OUT.GIF然后我想把鼠标放在那个图片上时就显示*_OVER.GIF(离开后就变回*_OUT.GIF),点击后就显示*_CHICK.GIF图片然后用提交后还可以统计点了那几张图片
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Untitled</title>
</head><body><html>
<body>
<img id="Img1" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img2" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img3" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img4" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img5" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<br>
<input id="btnGo" type="Button" value="Go" onclick="btnGo_OnClick()" >
<script language="JavaScript">
function Image_OnMouseOver(el)
{
el.src = "d:\Image_Over.GIF"
}
function Image_OnMouseOut(el)
{
if(el.Selected==1)
el.src = "d:\Image_Click.GIF"
else
el.src = "d:\Image_Out.GIF"
}
function Image_OnClick(el)
{
if(el.Selected==0)
{
el.src = "d:\Image_Click.GIF"
el.Selected = 1;
if(el.id == "Img5")
{
document.getElementById("Img1").src="d:\Image_Out.GIF";
document.getElementById("Img2").src="d:\Image_Out.GIF";
document.getElementById("Img3").src="d:\Image_Out.GIF";
document.getElementById("Img4").src="d:\Image_Out.GIF";
document.getElementById("Img1").Selected = 0;
document.getElementById("Img2").Selected = 0;
document.getElementById("Img3").Selected = 0;
document.getElementById("Img4").Selected = 0;
}
else
{
document.getElementById("Img5").src="d:\Image_Out.GIF";
document.getElementById("Img5").Selected = 0;
}
}
else
{
el.src = "d:\Image_Out.GIF"
el.Selected = 0;
}
}function btnGo_OnClick()
{
var returnValue;
returnValue = "";
returnValue = returnValue + document.getElementById("Img1").Selected + ",";
returnValue = returnValue + document.getElementById("Img2").Selected + ",";
returnValue = returnValue + document.getElementById("Img3").Selected + ",";
returnValue = returnValue + document.getElementById("Img4").Selected + ",";
returnValue = returnValue + document.getElementById("Img5").Selected;
alert(returnValue);
}
</script>
</body>
</html>
</body>
</html>
提交之后找到这个值hidSelectedValue
比如可能是 : 1,0,1,1,0 0,0,0,0,1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Untitled</title>
</head><body><html>
<body>
<img id="Img1" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img2" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img3" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img4" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<img id="Img5" onclick="Image_OnClick(this)" onmouseover="Image_OnMouseOver(this)" onmouseout="Image_OnMouseOut(this)" Selected=0 src="d:\Image_Out.GIF">
<br>
<input id=hidSelectedValue type="Hidden" value="0,0,0,0,0">
<input id="btnGo" type="Button" value="Go" onclick="btnGo_OnClick()" >
<script language="JavaScript">
function Image_OnMouseOver(el)
{
el.src = "d:\Image_Over.GIF"
}
function Image_OnMouseOut(el)
{
if(el.Selected==1)
el.src = "d:\Image_Click.GIF"
else
el.src = "d:\Image_Out.GIF"
}
function Image_OnClick(el)
{
if(el.Selected==0)
{
el.src = "d:\Image_Click.GIF"
el.Selected = 1;
if(el.id == "Img5")
{
document.getElementById("Img1").src="d:\Image_Out.GIF";
document.getElementById("Img2").src="d:\Image_Out.GIF";
document.getElementById("Img3").src="d:\Image_Out.GIF";
document.getElementById("Img4").src="d:\Image_Out.GIF";
document.getElementById("Img1").Selected = 0;
document.getElementById("Img2").Selected = 0;
document.getElementById("Img3").Selected = 0;
document.getElementById("Img4").Selected = 0;
}
else
{
document.getElementById("Img5").src="d:\Image_Out.GIF";
document.getElementById("Img5").Selected = 0;
}
}
else
{
el.src = "d:\Image_Out.GIF"
el.Selected = 0;
}
document.getElementById("hidSelectedValue").value = GetSelectedValue();
}function GetSelectedValue()
{
var returnValue;
returnValue = "";
returnValue = returnValue + document.getElementById("Img1").Selected + ",";
returnValue = returnValue + document.getElementById("Img2").Selected + ",";
returnValue = returnValue + document.getElementById("Img3").Selected + ",";
returnValue = returnValue + document.getElementById("Img4").Selected + ",";
returnValue = returnValue + document.getElementById("Img5").Selected;
return returnValue;
}function btnGo_OnClick()
{
alert(document.getElementById("hidSelectedValue").value);
}
</script>
</body>
</html>
</body>
</html>