將鼠標懸停在文字鏈接上的png覆蓋圖像

我有一個normale jpg-photo和2個textlink。當用戶鼠標懸停textlink 1我想要顯示一個透明的PNG照片頂部的JPG照片，當用戶鼠標懸停textlink 2時，我想在JPG頂部顯示另一個PNG照片。在mouseout上，png應該再次消失。將鼠標懸停在文字鏈接上的png覆蓋圖像

可能嗎？而且可以單獨使用CSS來完成，還是需要JavaScript來完成？謝謝先進。

來源

2012-06-15 user1458216

是的，這是可能的。根據您的HTML結構，您可能需要使用Javascript，否則您可能不需要。 – strah

是的，根據您的需求，可以使用JQuery，JS或CSS。好劇本來使用是在這裏：

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

來源

2012-06-15 09:46:25 Ondrej

您可以使用懸停CSS選擇器，這取決於你的頁面的HTML佈局來解決此類問題

#11:hover img { 
display:inline: 
Add other blocks 
}

來源

2012-06-15 10:09:00

你的要求可以輕鬆完成使用jQuery的力量:) 我做了一些使用jQuery的東西，你可以在這裏找到它
http://jsfiddle.net/xrmqq/
它接近你w螞蟻做。

來源

2012-06-15 11:31:34

將鼠標懸停在文字鏈接上的png覆蓋圖像

回答

相關問題