懸停在內容div揭示閱讀更多鏈接

Question

我是新來的jQuery，並試圖學習，也實現。我想要做的是擁有一個內容div，可能包含圖像，標題和內容。當這個div懸停在div上覆蓋了透明顏色，並且還顯示了讀取更多鏈接。

任何人都可以給我一些建議，如何實現這一點，或者如果有任何好的教程可以教我這種技術？

Answer 1

我最近做了a plugin that includes what you're after。

您需要將縮放比例設置爲0，如果您使用它，並且需要任何幫助，請將其設置爲：Here's a link to the demo，您所查看的圖像是否正確？

Answer 2

查看jQuery qTip插件。你可以用一些不錯的跨瀏覽器風格做你想做的事。

http://craigsworks.com/projects/qtip/

Answer 3

只是基礎知識，才能認識：

<div id="content">This is the hovered content.</div> 
<div id="readmore" style="display:none;">Read more...</div> 
<script type="text/javascript"> 
$(function(){ 
    $('#content').mouseover(function(){ 
     $('readmore').show(); 
    }); 
    $('#content').mouseover(function(){ 
     $('readmore').hide(); 
    }); 
}); 
</script> 

待辦事項通過jQuery的網站，瞭解有關文檔很好的例子瀏覽。