Question

我是jQuery的新手并且正在努力学习并实施。我想要做的是有一个内容div，可能包含图像，标题和内容。当这个div悬停在div上时，会覆盖一个透明的颜色，并且还会显示更多的链接。

任何人都可以就如何实现这一点或者是否有任何可以教我这种技术的优秀教程给我一些建议？

Answer 1

只是获得想法的基础知识：

<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网站，了解文档的好例子。

Answer 2

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

您需要将缩放设置为0，如果您使用它并告诉我并需要任何帮助进行设置：Here's a link to the demo，您所追求的是正确的图像是否正确？< / p>

Answer 3

查看jQuery qTip插件。你可以用一些漂亮的跨浏览器风格做你想做的事。

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

将鼠标悬停在内容div上以显示更多链接

3 个答案: