贴了几次都没有人回答的问题

do3344 2004-12-23 01:57:19
五张图片,前四张是可以多选的,第五画如果选择了.前四张就变为OFF,而前四张任何一张选了第五张就变为OFF

每张图片有三种显示效果,正常的(OFF),鼠标在上面时的,选择的(ON).

而且最后提交表单时可以得出选择的值如:1,0,1,0,0(选中为1,不选为0)
...全文
195 8 打赏 收藏 举报
写回复
用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种样子如：图片变暗、变灰、变亮
与chatGPT的几次对话，关于人，人性，历史和科技
最近chatGPT确实很热，我也试着和它做了几次对话，感觉确实比过去那些智障级别的小X，小Y，小Z……强太多了，至于人工智障级别的行走，在我的视频号里面也有对应的转发点评，实在是看不下去眼。最早，我先是与它对话了关于27年前我在中科院金属所所作研究的内容，希望能了解一些该项研究的后续进展情况：结果，我是有点失望的。这里看到的是，并不是学术论文都进行了查询，记录和总结分析，也许涉及到专业领域偏差太大...
买车遇到的那些问题，你还在犹豫怎么回答吗
✅有效提问： 都对比过，都有现车，看你家给什么价（告诉销售，不要拿现车作为出高价的筹码）都能接受，都算下吧（无论哪种都这么说，不把话说死，还能套到比全款更低的优惠）好喜欢呀，我很满意（销售一听，喜欢的话这单就稳了，价格我是不可能再优惠喽）这车优惠多少（一般都会这样问，销售已经麻木了，所以不会直接给最实在的优惠）一般，不是太满意，再考虑考虑吧（再喜欢也要这样说，不会被销售卡脖子）多久提车，我很急（销售会认为，你只要早提车，其他优惠不关心）送几次免费保养（不具体，销售只会说次数，结果你跑去还是收费）
面试：如何回答HR的问题
1、自我介绍 很多同学的自我介绍都会犯流水账式回答的错误，其实无论对技术面试官还是HR来说，面试前对你的学历、专业、工作履历、行业背景等情况基本都会有了解，因此不必要在这方面多费口舌。
python爬取知乎问题回答_python 爬虫实战四：用 selenium 爬取知乎某一问题下所有回答...
前言最近我又重新拾起了爬虫，想实现一下前几次爬虫所没有涉及到的两个点：模拟登录和动态网页爬取，所采用的方法是利用 selenium 这个库，例子是爬取知乎某一问题下所有回答。模拟登录很多网站，比如知乎、微博、豆瓣，都需要登录之后，才能浏览某些内容。所以想要爬取这类网站，必须先模拟登录。比较简单的方式是利用这个网站的 cookie。cookie 相当于是一个密码箱，里面储存了用户在该网站的基本信息。...
如何提问，才能让别人回答我们的问题呢？
作者：王大伟 微软最有价值专家(MVP)平安金融壹账通大数据研究院数据挖掘攻城狮Python爱好者社区唯一小编最近很忙，很久没有写文章了今天的话题是 “为什么...
JavaScript

87,984

社区成员

224,681

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章