如何用jQuery或CSS實現這種效果？

Question

是否可以在點擊時切換HTML？

我有一個大圖像的索引頁。在圖片下有四個鏈接。當光標翻到鏈接上時，我想要出現一個小工具提示。如果用戶點擊鏈接，我希望大圖像發生變化，並在其上面顯示一些額外的HTML（只是一個小內容框）。

我想我已經想出了使用jQuery的工具提示，但我不知道如何更改圖像和在它上面添加一個小內容框。

在此先感謝大家。

Answer 1

考慮這個片斷：

$("#someLinkID").click(function() { 
    $("#someImageID").attr("src","newimage.jpg"); 
    $("#someContentDiv").show(); 
}); 

的語法可能會關閉，我還沒有在幾個月使用jQuery的，但你的想法。基本上，你在鏈接上附加了一個點擊處理程序，當處理程序被觸發時，你可以動態地改變圖像標記的src屬性爲你想要的任何圖像，同時你可以顯示你已經定位的div提前將圖像的可見性設置爲隱藏。

Answer 2

Tabtastic是一個很好的，可訪問的，優雅地降級這個實現。

Answer 3

這聽起來像你可能想要一個內容滑塊...檢查出25個不同的this list。