Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery或javascript创建类似平铺的页面_Javascript_Jquery - Fatal编程技术网

使用jquery或javascript创建类似平铺的页面

使用jquery或javascript创建类似平铺的页面,javascript,jquery,Javascript,Jquery,我想在我的主页中创建一个类似于平铺的页面。如果单击该平铺,它将重定向或弹出页面的相关内容。。。如何创造 谁能给我一些jquery插件或css做什么 我在此附上图片 你的意思是这样的 作为一个起点如何 <div class="tile"> Tile 1 </div> <div class="tile"> Tile 2 </div> <div class="tile"> Tile 3 </div> <div class="

我想在我的主页中创建一个类似于平铺的页面。如果单击该平铺,它将重定向或弹出页面的相关内容。。。如何创造

谁能给我一些jquery插件或css做什么

我在此附上图片


你的意思是这样的


作为一个起点如何

<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." );
});
Tile 1
地砖2
瓷砖3
瓷砖4
瓷砖5
瓷砖6
.瓷砖{
浮动:左;
宽度:100px;
高度:100px;
边框:1px纯色灰色;
右边距:10px;
边缘底部:10px;
}
.tile:悬停{
背景色:#bbb;
}
$(“.tile”)。单击(函数(){
警报(“调用了.click()的处理程序”);
});
链接:

祝你好运,当你有一些代码要共享时,请回来。我怀疑你是否需要一个插件来实现这一点,因为从你的描述来看,它似乎非常基本。试着先尝试一下,如果你被卡住了就来寻求帮助。每次我第一次在谷歌搜索时,我只会问问题。通常我找不到插件。我编辑我的问题。谢谢你宝贵的回答。我编辑了我的问题,请看。