懸停圖片時顯示一個文本框

-1

我是新來的網站建設，所以我真的很掙扎！懸停圖片時顯示一個文本框

我有一個PCB板/主板的圖像，我想在用戶懸停時顯示組件的文本。我的網頁上有我想要的圖片（它可能只是一個頁面，因爲它是我的Joomla網站的子域）。

這樣做的最簡單方法是什麼？

我想創建不同的CSS樣式，即組件U5和U6等的U5，當用戶將圖片懸停在U5上時，它將顯示文本「U5做這個和那個」。那可能嗎？如果是這樣，我該怎麼做？

我已經通過index.php上的網站空間圖片，並有文本指向CSS，但現在我卡住了！

任何幫助，將不勝感激。親切的問候，馬特

2011-11-24 Matt

谷歌還有一點......有很多純CSS的例子可以滿足你的需求！ *如何爲圖像添加跨度描述*。爲了增加更多奇特效果，我建議你開始學習[jQuery]（http://jquery.com）！（順便說一句，請在這裏粘貼一些代碼，以便我們可以開始這個派對） –

嗨，對不起，我一直在Google上搜索，並沒有提出我需要的東西，所以我想有些大師將能夠幫助我。儘管謝謝你的回答。 – Matt

也感謝你，我使用jqueru，jtip作爲我的工具提示標題... :-) – Matt

不知道你需要的究竟是什麼但最簡單的解決方案之一是將其分攤的img作爲地圖，所以它當用戶將鼠標懸停在顯示真實替代文本添加到它。看到這個例子： http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/ 這裏是W3Schools的教程： http://www.w3schools.com/tags/tag_area.asp

或更先進的方法是顯示<DIV>元素，而不是替代文字

2011-11-24 16:52:10 Elen

「alt」用於搜索引擎和視力受損人羣的圖像文字描述。「標題」是用於在鼠標上顯示的工具提示文本。 – Nickolay

感謝您的回答。我正在從你在那裏給我的鏈接看圖像地圖。看起來它可能是我要走的路。非常感謝。 – Matt

@ Nickolay - 對不起，你是對的。我把他們搞混了。馬特，它是Title標籤，你正在尋找然後 – Elen

只需輸入您的文字作爲標題：

<a href="yadiyadiya.com" title="Text that you want to be appear when hover"><img name="logo" src="link to picture" width="40" height="40"></a>

2013-04-03 02:24:05 sunny

回答