为了账号安全,请及时绑定邮箱和手机立即绑定

如下所示,html图片该怎么实现点击后换一张图?

如下所示,html图片该怎么实现点击后换一张图?

慕村225694 2023-04-16 22:18:26
其实是这样的首先这个图片后面有一个输入框 然后当鼠标点中这张图后面的输入框时前面的这张图就会变成请问要怎么做?
查看完整描述

2 回答

?
ABOUTYOU

TA贡献1812条经验 获得超5个赞

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

查看完整回答
反对 回复 2023-04-20
?
弑天下

TA贡献1818条经验 获得超8个赞

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

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

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


查看完整回答
反对 回复 2023-04-20
  • 2 回答
  • 0 关注
  • 370 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信