仅 CSS 方法可在单击时动态修改图像 src,无需使用 JavaScript
P粉799885311
P粉799885311 2024-04-06 19:25:49
0
1
591

我需要仅使用 css 更改鼠标单击时图像的 src 喜欢

img:active {
}

P粉799885311
P粉799885311

全部回复(1)
P粉238433862

您可以使用元素替换功能content 属性来实现此目的。

请注意,您无法使用此技术设置任何 ARIA 或其他与辅助功能相关的功能,因此您传达的信息可能会丢失给部分用户群。 (这可能是非法的,具体取决于该信息是什么、您是谁以及您所处的控制权/向哪个控制权销售)。

您可能希望设置tabindex或将图像包装在按钮中以使其可以通过键盘/等进行访问。

另请注意,:active 表示“单击时”而不是“单击后”。 CSS 没有“点击后”伪类(尽管 :focus 在某些情况下就足够了)。

img:active {
    content: url(http://placekitten.com/200/200);
}
<img src="http://placekitten.com/g/200/200" alt="">
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!