html图片点击后换一张图

Question

其实是这样的首先这个图片后面有一个输入框 然后当鼠标点中这张图后面的输入框时
前面的这张图就会变成 请问要怎么做？

Answer 1

给你的
<img>标签加一个id，然后在你后面文本框JS里获取 focus 这个事件，再变更 img 里的图片地址就可以了

Answer 2

我想你的问题应该是输入框如何获得焦点之后改变背景，而不是点击吧。
一般正常的做法如@Yiner 所言，是用js作的，不过应该用onfocus事件比较好，还可以用onblur事件去设置失去焦点后的动作。就能实现点击一下变成蓝色图片背景，点击别处就会变成灰色背景的效果。
另外，你也可以考虑@诸葛非卿的CSS做法，用的是:focus伪类，具体如

    input:focus { background-color:#9F9F9F; }

不过好像:focus这个属性对IE的支持不大好，具体你可以测试一下。

//给一个代码示例给你吧，只是个示例，比较粗糙就是，实际使用可能还要修改一下

http://jsfiddle.net/CARX7/

Answer 3

写JS啊~
获取这个标签 然后onclick属性 用一个函数改变一下DOM就行了
建议去看看DOM 一会就看会了

Answer 4

使用CSS的方法也是可以。。
如这个样：div:hover{background:url(另外一张图)}就可以了。。