僅 CSS 方法可在單擊時動態修改圖片 src,無需使用 JavaScript
P粉799885311
P粉799885311 2024-04-06 19:25:49
0
1
643

我需要僅使用 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="">
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板