悬停在内容div揭示阅读更多链接

问题描述：

我是新来的jQuery，并试图学习，也实现。我想要做的是拥有一个内容div，可能包含图像，标题和内容。当这个div悬停在div上覆盖了透明颜色，并且还显示了读取更多链接。悬停在内容div揭示阅读更多链接

任何人都可以给我一些建议，如何实现这一点，或者如果有任何好的教程可以教我这种技术？

你有任何模拟图像？你试过什么了？ – 2011-05-09 13:03:02

这是迄今为止我在这里，我有问题实际上集中阅读更多的链接死点？ http://jsfiddle.net/kyllle/DmyGt/ – styler 2011-05-09 13:53:28

答

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

您需要将缩放比例设置为0，如果您使用它，并且需要任何帮助，请将其设置为：Here's a link to the demo，您所查看的图像是否正确？

这可以设置覆盖整个div的内容？ – styler 2011-05-09 13:34:02

@kyllle无论你设置了哪个div函数来确保你的位置是：relative – daryl 2011-05-09 13:40:36

答

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

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

答

只是基础知识，才能认识：

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

悬停在内容div揭示阅读更多链接

相关推荐