Ctrl+/
IE11
F11
ESC
PgUp
PgDn
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简单的瀑布流</title>
<style type="text/css">
body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px ""; }
.wrapper{width:100%; height:100%; overflow:hidden;}
#lxf_box li{background:#fff; width:200px; height:50px; border:solid 1px #ccc; text-align:center; padding:10px; margin:10px; transition:all 0.7s ease-out 0s}
</style>
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
for(var i=0, j=24; i<j; i++){//i控制循环,代表li的序号,j表示li的长度、个数、大小
$("#lxf_box").append("<li><h3>"+i+"</h3></li>");
CSS代码...
JS代码...
xxxxxxxxxx