使用jquery或javascript创建类似平铺的页面
我想在我的主页中创建一个类似于平铺的页面。如果单击该平铺,它将重定向或弹出页面的相关内容。。。如何创造 谁能给我一些jquery插件或css做什么 我在此附上图片使用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="
你的意思是这样的
作为一个起点如何
<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()的处理程序”);
});
链接:
祝你好运,当你有一些代码要共享时,请回来。我怀疑你是否需要一个插件来实现这一点,因为从你的描述来看,它似乎非常基本。试着先尝试一下,如果你被卡住了就来寻求帮助。每次我第一次在谷歌搜索时,我只会问问题。通常我找不到插件。我编辑我的问题。谢谢你宝贵的回答。我编辑了我的问题,请看。