如何在javascript中的圖像上創建圖像

我想在同一頁面上對不同圖像做兩件事，我查看了所有內容，找不到答案，如果有人可以幫助我，我希望能夠找到答案。如何在javascript中的圖像上創建圖像

在第一張圖像中，我想在其上放置一個較小的圖像，並將鼠標懸停在較大的圖像上時，小圖像會發生變化並出現標題。

此外，在第二幅圖像中，我希望總是會出現一個較小的圖像，如果您將鼠標懸停在大圖像上，圖像的邊框將出現，圖像下方的文字將以不同的顏色繪製。

謝謝

2012-06-30 user1492721

問題是我不知道如何在大圖上設置小圖像 – user1492721

我們不是在這裏爲您編寫代碼，而且您也沒有顯示任何您嘗試過的任何證據。儘管如此，我還是會給你一個線索，看看在哪裏看到......你應該看看使用CSS，特別是使用'relative'與'absolute'值的'position'屬性，然後使用'top'， 'right'，'bottom'和'left'屬性。 – freefaller

嘗試設置更大的z-index通過javascript懸停在您正在懸停的元素上的動作。可以製作較小圖像和一些文字在另一個元素上的位置，例如使用位置：絕對;和z-index（通過javascript/jquery）。

來源

2012-06-30 09:28:40 Derfder

我寫了imege的代碼圖像和使用z索引的問題是，我不知道如何將小圖像更改爲花葯上的懸停 – user1492721

您可以使用img + img將圖像定位在其他圖像之後，然後添加：hover ex（img：hover + img）將其更改爲懸停:) – Reuben

將小圖像設置爲默認狀態，例如smallimage {display：none; }然後在懸停添加類到smallimage活動和在CSS寫.smallimage.active {顯示：塊; }。添加之前不要忘記刪除活動類。所以首先removeClass（'active'）然後addClass（'active'）。當然還有其他方法來實現這一點。檢查這個鏈接http://jqueryfordesigners.com/image-cross-fade-transition/它有點不同，你想要什麼，但你會明白。 – Derfder

如何在javascript中的圖像上創建圖像

回答

相關問題