使用jquery或javascript创建像tile这样的页面

Question

我想在我的主页中创建像 tiles 这样的页面。如果我点击磁贴，它会重定向或弹出页面的相关内容...如何创建？

任何人都可以给我一些 jquery 插件或 css 来做这件事吗？

我在这里附上图片，

Answer 1

起点如何？

<div class="tile"> Tile 1 </div>
<div class="tile"> Tile 2 </div>
<div class="tile"> Tile 3 </div>
<div class="tile"> Tile 4 </div>
<div class="tile"> Tile 5 </div>
<div class="tile"> Tile 6 </div>


.tile {
    float:left;
    width:100px;
    height:100px;
    border:1px solid gray;
    margin-right:10px;
    margin-bottom:10px;
}
.tile:hover {
    background-color:#bbb;
}


$( ".tile" ).click(function() {
  alert( "Handler for .click() called." );
});

链接： tiles with hover and jQuery click-event

Answer 2

你的意思是这样的吗？

matrix html tiles