zoukankan      html  css  js  c++  java

  • 简单瀑布流

    <!doctype html public "-//w3c//dtd html 4.01 tRANSITIONAL//en" "HTTP://WWW.W3.ORG/tr/HTML4/LOOSE.DTD">
<html>
<head>
    <title>nEW dOCUMENT </title>
    <meta name="gENERATOR" content="eDITpLUS">
    <meta name="aUTHOR" content="">
    <meta name="kEYWORDS" content="">
    <meta name="dESCRIPTION" content="">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js "></script>

    <style type="TEXT/CSS">
        body {
            background-color: #F6F7F8;
            font-size: 13px;
            font-family: 微软雅黑;
        }

        * {
            MARGIN: 0PX;
            PADDING: 0PX;
        }

        #test {
            HEIGHT: AUTO !IMPORTANT;
            HEIGHT: 300PX;
            MIN-HEIGHT: 300PX;
            WIDTH: 800PX;
            MARGIN: 100PX AUTO;
            clear: both;
        }

        UL {
            WIDTH: 180PX;
            BORDER: SOLID 1PX #DEDEDE;
            FLOAT: LEFT;
            HEIGHT: AUTO !IMPORTANT;
            HEIGHT: 200PX;
            MIN-HEIGHT: 200PX;
            MARGIN: 8PX;
            _MARGIN: 4px;
            _padding: 4px;
        }

        li {
            HEIGHT: AUTO !IMPORTANT;
            HEIGHT: 200PX;
            MIN-HEIGHT: 200PX;
            float: left;
            width: 160PX;
            padding: 10px;
            display: inline;
            padding: 8px;
            border: solid 1px red;
            _padding: 5px;
            margin-bottom: 10px;
            background-color: #fff;
            box-shadow: 3px 3px 14px gray;
            -moz-box-shadow: 3px 3px 14px gray;
            -webkit-box-shadow: 3px 3px 14px gray;
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray')";
        }

        .clearfloat {
            clear: both;
            height: 0;
            font-size: 1px;
            line-height: 0px;
        }

        li img {
            /* 190px;*/
        }
    </style>
    <script type="text/javascript">
        $(function () {
            setTimeout(function () {
                $("img").animate({  "155px" }, 1000);
            }, 2000);

        })
    </script>
</head>
<body>
    <div id="test">
        <ul>
            <li>顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式<img src="http://e.hiphotos.baidu.com/album/s%3D680%3Bq%3D90/sign=47d8964236d12f2eca05ad687ff9a45f/b219ebc4b74543a9be120d591e178a82b901141d.jpg" />快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费</li>
            <li>顺风快捷方式快<img src="http://b.hiphotos.baidu.com/album/s%3D680%3Bq%3D90/sign=da1f73b49313b07eb9bd53003cece01e/aa18972bd40735fac720ba2c9e510fb30e240856.jpg" />递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费顺风快捷方式快递费</li>
            <li>顺风快捷方式快递费顺风快捷方式快递费</li>
            <li>顺风快捷方式快递费</li>
        </ul>
        <ul>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li></li>
            <li>快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
        </ul>
        <ul>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            >
        </ul>
        <ul>
            <li></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺快递费顺风快捷方式快递费顺递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
            <li>快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" />快递费顺风快捷方式快递费顺<img src="http://www.bz55.com/uploads/allimg/100729/095KS455-0.jpg" /></li>
        </ul>
        <div class="clearfloat"></div>
    </div>
</body>
</html>
  • 相关阅读:
    mysql基础-01
    Delphi 和键盘有关的API函数(Keyboard Input)
    Delphi System单元-Odd- 判断是否是奇数
    Delphi 键盘API GetKeyState、GetAsyncKeyState -获取键盘 / 按键值Key的状态
    Delphi 全局热键KeyPress 和 热键 API（RegisterHotKey、UnRegisterHotKey、GlobalAddAtom、GlobalDeleteAtom、GlobalFindAtom）
    Delphi XE Android platform uses-permission[2] AndroidManifest.xml 配置
    Delphi XE Android platform uses-permission[1] 权限列表
    Delphi XE Andriod 文件后缀对应MIME类型
    Delphi XE RTL Androidapi 单元
    Delphi XE FMX TFmxObject 类 和 单元
  • 原文地址：https://www.cnblogs.com/ganler1988/p/3086120.html
Copyright © 2011-2022 走看看