jquery - Jquery 响应式图像网格

Question

http://ozan.io/collage/

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

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

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

这个怎么做？？？？任何人？？？

Answer 1

我会使用 a 的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>

jQuery

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

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