懸停圖片HTML：響應？

-3

我想用這個簡單的html代碼在wordpress的一行中創建2個懸停圖像（見下文）。懸停圖片HTML：響應？

<a href="#"><img src="image1.jpg" onmouseover="this.src:'image2.jpg'" onmouseout="this.src:'image1.jpg'"></a>

然而，每當我從同一頁面修改另一個模塊，不僅懸停不再響應沒有被寫在模塊中的第一個地方的HTML代碼的記錄。有沒有辦法「保護」我的代碼不被覆蓋？像一樣避免缺少空格。另一方面，我也希望代碼具有響應能力：每當我縮小屏幕時，圖像不在同一位置。（沒有JavaScript請證明CSS和簡單！我是新手）

任何人都可以幫我嗎？

謝謝！

來源

2016-12-28 Elisap

可以粘貼HTML代碼到這個問題？此外，由於這似乎與wordpress沒有任何關係，我建議刪除該標籤，並將問題保持在範圍內。 –

我使用如上所述，它工作！唯一的問題是，當我修改我的頁面中的其他模塊，然後代碼不再工作，實際上缺少... – Elisap

@Elisap你需要編輯你的問題，幷包括你當前使用的所有HTML和CSS。 –

您可以添加兩個相似圖片下面給出（使用CSS）：

a:hover:after { 
    content: url(image/circle.PNG); 
    display: block; 
    } 

    a:hover { 
    content: url(image/anyother.PNG); 
    display: block; 
    }

謝謝，希望這將有助於

來源

2016-12-29 11:02:14 RDS

懸停圖片HTML：響應？

回答

相關問題