2013-11-27 24 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