2013-11-27 21 views
-3

我想在我的主页上创建一个像瓷砖的页面。如果我点击瓷砖它会重定向或弹出页面的相关内容...如何创建?使用jquery或javascript创建像瓷砖一样的页面

任何人都请给我一些的jQuery插件CSS什么关系呢?

我在这里附上图片,

enter image description here

+4

祝你好运,请回来时,你有一些代码共享。 – elclanrs

+0

我怀疑你甚至需要一个插件来做到这一点,因为它从你的描述看起来很基础。尝试先尝试一下,然后过来寻求帮助,如果你卡住了。 – Nunners

+0

每次我第一次在谷歌搜索,然后只会问问题。一般我找不到插件。我编辑我的问题。请参阅 – Duk

回答

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

0

你的意思是这样的吗?

matrix html tiles

+0

感谢您的宝贵答案。我编辑我的问题,请看看。 – Duk