瀑布流

最新推荐文章于 2024-11-05 15:26:40 发布

baiza2923

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量77

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hancher/articles/4826649.html

版权

<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>