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

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

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

而且最后提交表单时可以得出选择的值如:1,0,1,0,0(选中为1,不选为0)
...全文
169 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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种样子如：图片变暗、变灰、变亮
贴图、 纹理、材质的区别
前几天我在某网站上看到一个问题：新手，最近在看渲染部分，遇到了贴图，纹理，材质的概念，查看的资料有时候把贴图叫做贴图，有时候又叫纹理，被搞晕了。  有人回答：   材质 Material包含贴图 Map，贴图包含纹理 Texture。   我个人理解如下：   不同软件，其含义不同   以本人最喜欢的3dmax为例：   贴图，我就不说了吧，3dmax可以用自带程序贴图和普通的
软件测试测试人员遇到的问题及解决方法（面试）
这个问题很广，主要方面是面试人想看被面试人遇到问题，是怎么解决的 1. 经常会遇到页面中内容或数据显示错误，甚至不显示回答是:我会进一步了解这个BUG的问题出在那里，并且简单的使用浏览器自带开发者工具或者数据库工具配合去排查 2.测试过程中发现某一功能点在产品需求和开发设计上都没有体现，但是个人认为不够合理。回答：一般碰到这种情况，发邮件给对应的产品和开发以及测试经理确认，是需求变更还是开发修...
面试中可以问面试官的问题
面试中，可以问面试官的问题 1、不要直接说“我没有问题了” 这样回答有2个负面影响： 第一，你居然不想知道详细的、切身利益相关的、在公司网站和媒体无法获知的情况？这可能会让面试官认为你对这个职位的兴趣并不大。 第二，很多公司都非常注重员工的个性和创新能力，回答“没问题”，可能会让面试官认为你是一个“没想法”的人，给你贴上否定的标签。 2、一定不能问很容易在网上搜到答案的问题，如业务，产品 千万不要...
[面试问答] 面试常问的40个问题 附带经典答案！
“你为什么要申请市场部的职位？” 　　“你觉得自己适合做销售吗？” 　　“你的职业规划是什么？” 　　“你们班同学都是怎么找工作的？” 　　…… 　　以上这些都是很常见的面试问题， 但是应届毕业生在回答这些问题的时候， 往往是侃侃而谈却未能获得面试官的认同。究其原因， 有的是因为申请人不明白面试官这样提问的目的， 也有的是因为大学生并不真正了解自己所申请的职位到底需要什么样的人。
复试经验贴 （计算机学院综合面试以及英语面试问题）
我是二战一志愿上岸的，回望这几年，我感觉自己失去了很多，也得到了很多。首先，在这里，我想感谢父母、周围的老师同学的估计、以及学长的指导。 在我的复试备考中，走了很多弯路，我尝试找相关的经验贴，很少。看着其他学校辣么多，心里有点不痛快。也就在那时，便有了一个想法：如果今年能上岸，就写一个复试经验贴，给其他同学一个参考。 首先，这个帖子适合以下同学： 1. 最适合考北京交通大学计算机院研究生的同学 2. 考北京交通大学的同学 3. 考通信相关专业的...
JavaScript

87,997

社区成员

224,709

社区内容

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

加载中

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

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

+ 用AI写文章