Jquery响应图像网格

Question

http://ozan.io/collage/

在上面的链接中有一个响应式图像网格！在那里，鼠标悬停在每个图像上有一个标题显示！这不是div，但我认为这是一个javascript数据字幕功能！我不想要那个！

我想要这样的事情http://themes.themepunch.com/?theme=megafoliopro_jq

在鼠标悬停时，将显示一个div，覆盖每个图像，我可以在其中保留“删除”，“插入标题”等选项。

怎么做？???任何人???

Answer 1

我会使用div内的div执行此操作，当您将鼠标悬停在<div class="outterDiv"> <p> put some content here</p> <div class="innerDiv" style="display:none; width:100%; height:100%;">put options here</div> </div> 上时会显示。

<script>
    $('.outterDiv').hover(function(){
        $('.innerDiv').toggle();
    },
    function(){
        $('.innerDiv').toggle();
    });
</script>

jquery的

{{1}}

当你将鼠标悬停在外部div上时，这将显示内部div并在鼠标离开外部div时隐藏它。