腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >div点击更改多个图像

问div点击更改多个图像
EN

Stack Overflow用户

提问于 2011-05-05 01:55:23

回答 1查看 1.3K关注 0票数 0

所以我试着把四张小照片放在一起。它们中的每一个都是带有背景图像url 100x100的链接。所以，假设一开始它们都是灰色的。当我悬停在其中一个，他们得到颜色(新的图像)。此外，当我单击其中一个图像时，除我单击的另一个图像外，其他所有图像都重置为原始灰度图像。

示例：

Gray1 Gray2 Gray3 Gray4

Hover gray 2

Gray1 Color2 Gray3 Gray4

点击灰色2

Gray1 Color2 Gray3 Gray4

Hover gray4

Gray1 Color2 Gray3 Color4

我知道怎么做悬停功能。但是，我如何使所有其他图像“重置”点击？我需要使用javascript吗？我能用css来做这个吗？

javascript

css

html

hyperlink

社交文娱场景解决方案

提供AI创新文娱玩法及TRTC音视频能力，为用户提供低延时和高品质的社交娱乐体验，帮助企业快速搭建精品秀场直播间

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-05-05 02:01:52

这只能通过使用JavaScript来实现。你必须循环通过所有4个图像，并将他们设置为灰色，如果他们不是被点击的图像。

我只用jquery的颜色实现了这一点。你可以看看http://jsfiddle.net/kaUWC/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5895779

复制

Css添加div点击态

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> .active { position: relative; width: 120px;

明知山

2020/09/02

4.8K0

jquery 默认隐藏div,点击按钮显示，再次点击隐藏

java https 网络安全 html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/106383.html原文链接：https://javaforall.cn

全栈程序员站长

2022/06/30

8.9K0

js / css 设置div不可点击

css

css: .notclick{ pointer-events: none; } js: $("#divID"/".divClass").addClass("notclick");//设为不可点击 $("#divID"/".divClass").removeClass("notclick");//移除不可点击

用户10106350

2022/10/28

30.8K0

前端切图|点击按钮div变色

其他

图片.png 图片.png <!DOCTYPE html> <html> <head> <title>点击按钮div变色.html</title> <meta charset="utf-8" /> </head> <body>

王小婷

2018/05/31

4K0

jquery点击删除按钮,删除当前的div

编程博客前端事件

现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全都删掉了，但是我只需要点击哪一行div里面的删除按钮，就删除哪一行，其实很简单，只需要写一个this事件即可。

王小婷

2019/07/08

5.2K0

点击文字或按钮弹出一个DIV窗口（DIV悬浮窗口）

html javascript

因为最近有人问小轻建站问题，想知道DIV弹窗的做法，给大家测试了下，效果大家可以再做修改。

半夜喝可乐

2019/06/11

14.7K1

DIV+JS+CSS实现点击弹出图片效果

编程算法 html

前几天扒了vue vlog的官网，想给添加一个像博客一样的点击微信图标弹出公众号二维码。

AlexTao

2019/07/22

26.3K0

点击按钮平移隐藏与显示div（使用translate）

javascript

css3 transform变换后，原来的位置还占据空间，那是因为 transform并没有让元素脱离标准流；解决方法: 可以考虑在写了transform属性后,结合position:absolute脱离标准流

tianyawhl

2019/04/04

4.1K0

for 循环中实现多个点击事件原

编程算法

(adsbygoogle = window.adsbygoogle || []).push({});

tianyawhl

2019/04/04

8720

Selenium Webdriver之点击图像链接

css

图像链接是Web页面中由图像表示的链接，当点击该图片(链接)时，将导航到另一个窗口或页面。

软测小生

2019/09/10

2.4K0

点击导航栏，切换div内容（js+css+html）[通俗易懂]

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/140453.html原文链接：https://javaforall.cn

全栈程序员站长

2022/08/24

12.7K0

jQuery实现点击图标div循环放大缩小功能

jquery html http

很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状态（箭头向里面，或者箭头向外面）

王小婷

2018/09/26

3.8K0

vue 中实现div点击一次后禁用

data methods

使用场景：针对某个提交按钮，要求点击一次后禁用 1.样式定义 .click-disable{ pointer-events: none; } 2. data中 data:{ retu

wfaceboss

2020/06/29

2.4K0

css更改鼠标指针样式，几种鼠标点击效果

ssh css

平常，我们在浏览界面时，会发现鼠标的样式有所不同，鼠标的样式变化和cursor属性有关。cursor属性的几个关键字：default、pointer、wait、help、text、crosshair。

不愿意做鱼的小鲸鱼

2022/09/24

4.9K0

一张图片或Div不同位置点击事件

事件

代码示例  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta

骤雨重山

2022/01/17

1K0

多个checkbox复选框触发点击事件

jquery https java 网络安全

形如上面这种有list输出到前台的一组复选框，怎么点击其中一个可以触发jquery事件呢？

全栈程序员站长

2022/08/05

1.9K0

为什么你不应该使用div作为可点击元素

编程表单表格程序浏览器

按钮是为任何网络应用程序提供交互性的最常见方式。但我们经常倾向于使用其他HTML元素，如 div span 等作为 clickable 元素。

前端小智@大迁世界

2023/08/16

2710

小程序点击一次按钮采集多个formid

javascript html view 事件原理

原理：是用事件穿透来实现的执行顺序是从内往外执行、所以最后执行的事件为formSubmit 事件，也是最外面的事件。

用户1437675

2019/03/06

1.5K0

vue中点击屏幕其他区域关闭自定义div弹出框

直接上代码： mounted: function () { let that = this; $(document).on('click', function (e) { let dom = $('.myDiv')[0]; // 自定义div的class if (dom) { // 如果点击的区域不在自定义dom范围 if (!dom.contains((e.target))) {

Daotin

2019/12/10

2.6K0

点击加载更多

相似问题

jQuery -为许多div的点击更改图像

点击图像显示div

点击更改div内容

点击更改div定位

用多个div更改单个文本区域并更改div图像

活动推荐

体验智能媒资降冷，云点播优惠不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问div点击更改多个图像
EN

社交文娱场景解决方案

回答 1

Stack Overflow用户

jQuery -为许多div的点击更改图像

点击图像显示div

点击更改div内容

点击更改div定位

用多个div更改单个文本区域并更改div图像

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div点击更改多个图像EN

社交文娱场景解决方案

回答 1

Stack Overflow用户

jQuery -为许多div的点击更改图像

点击图像显示div

点击更改div内容

点击更改div定位

用多个div更改单个文本区域并更改div图像

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div点击更改多个图像
EN