瀑布流
<head>
<title>瀑布流</title>
<script scr="jquery.min.js"></script>
<script type=”text/css”>
*{
margin:0px;
padding:0px;
}
#hancher_container{
position:relative;
}
.hancher_box{
padding:5px;
float:left;
}
.hancher_content{
border:1px solid #cccccc;
box-shadow: 0 0 5px #ccc;
border-radius:5px;
}
.hancher_content img{
width:150px;
height:auto;
}
</script>
<script type=”text/javascript”>
window.onload = function(){
imgLocation("hancher_container","box")
}
function imgLocation(parent,hancher_content){
var cparent=document.getElementById(parent);
}
function getChildElement(parent,content){
var contentArr=[];
var allcontent=
}
</script>
</head>
<body>
<div id="hancher_container">
<div class="hancher_box">
<div class="hancher_content">
<img src="1.jpg">
</div>
<div class="hancher_content">
<img src="2.jpg">
</div>
<div class="hancher_content">
<img src="3.jpg">
</div>
<div class="hancher_content">
<img src="4.jpg">
</div>
<div class="hancher_content">
<img src="5.jpg">
</div>
<div class="hancher_content">
<img src="6.jpg">
</div>
<div class="hancher_content">
<img src="7.jpg">
</div>
<div class="hancher_content">
<img src="8.jpg">
</div>
<div class="hancher_content">
<img src="9.jpg">
</div>
<div class="hancher_content">
<img src="10.jpg">
</div>
</div>
</div>
<div></div>
</body>
~~
浙公网安备 33010602011771号