社区
JavaScript
帖子详情
贴了几次都没有人回答的问题
do3344
2004-12-23 01:57:19
五张图片,前四张是可以多选的,第五画如果选择了.前四张就变为OFF,而前四张任何一张选了第五张就变为OFF
每张图片有三种显示效果,正常的(OFF),鼠标在上面时的,选择的(ON).
而且最后提交表单时可以得出选择的值如:1,0,1,0,0(选中为1,不选为0)
...全文
166
8
打赏
收藏
贴了几次都没有人回答的问题
五张图片,前四张是可以多选的,第五画如果选择了.前四张就变为OFF,而前四张任何一张选了第五张就变为OFF 每张图片有三种显示效果,正常的(OFF),鼠标在上面时的,选择的(ON). 而且最后提交表单时可以得出选择的值如:1,0,1,0,0(选中为1,不选为0)
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
viznet
2004-12-23
打赏
举报
回复
或者
提交之后找到这个值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>
viznet
2004-12-23
打赏
举报
回复
换下图片 d:\Image_Out.GIF , d:\Image_Over.GIF , d:\Image_Click.GIF
viznet
2004-12-23
打赏
举报
回复
这个应该可以了
<!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>
do3344
2004-12-23
打赏
举报
回复
不好意思我详细说一篇
有五个图片.
每一个图片,做了三张,如: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图片
然后用提交后还可以统计点了那几张图片
do3344
2004-12-23
打赏
举报
回复
最主要的是图片是可以多选的!
do3344
2004-12-23
打赏
举报
回复
可能表达得不太清楚,就是不用CHECKBOX,但做成CHECKBOX的效果咯.不管OFF咯
其实一张图片有三种效果啊..第一种正常的就是第一张.第二种就是鼠标放在图片上面就第二张,点击后就是第三张..
viznet
2004-12-23
打赏
举报
回复
<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>
无爱大叔
2004-12-23
打赏
举报
回复
我晕,不知道图片的off是什么意思。可以描述的清楚一点吗?用checkbox吗?每张图片的3种显示效果是否就是每张图片有3种样子如:图片变暗、变灰、变亮
【硬核】一线Python程序员实战经验分享(1)
本系列课程中涉及到的知识点都是在实际工作中遇到的,并且已经解决的各种
问题
。还有的技术
问题
是搜集了国内外程序员遇到的各种类型的技术
问题
,部分和这些程序员直接交流,了解他们的需求以及某些理解上的困难。&...
sp导出法线_SP导出
贴
图导Redshift渲染效果不同的
问题
很长一段时间内一直有人问我,为什么从substance painter里导出的
贴
图在maya里渲效果差别挺大的。我当时很纳闷,因为这套流程我搞得久,研究得透,基本上说还原度是非常高的。但是一些朋友给我发了有
问题
的文件,...
贴
图、 纹理、材质的区别
前几天我在某网站上看到一个
问题
:新手,最近在看渲染部分,遇到了
贴
图,纹理,材质的概念,查看的资料有时候把
贴
图叫做
贴
图,有时候又叫纹理,被搞晕了。 有人
回答
: 材质 Material包含
贴
图 Map,
贴
图...
复试经验
贴
(计算机学院综合面试以及英语面试
问题
)
我是二战一志愿上岸的,回望这几年,我感觉自己失去了很多,也得到了很多。首先,在这里,我想感谢父母、周围的老师同学的估计、以及学长的指导。 在我的复试备考中,走了很多弯路,我尝试找相关的经验
贴
,很少。...
[面试问答] 面试常问的40个
问题
附带经典答案!
以上这些都是很常见的面试
问题
, 但是应届毕业生在
回答
这些
问题
的时候, 往往是侃侃而谈却未能获得面试官的认同。究其原因, 有的是因为申请人不明白面试官这样提问的目的, 也有的是因为大学生并不真正了解自己所...
JavaScript
87,907
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章