程序博客网 > java就业培训教程

表白墙

来源：互联网 发布：java就业培训教程 编辑：程序博客网 时间：2024/04/28 11:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表白墙</title>
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>


 <div style="width:1100px; margin:100px auto;">
     <div class="content content1">
         <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>           
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>    
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>               
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>                 
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
    <div class="fl" style="margin-left:262px;"></div>
    <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
        </div>
        </div>
        <!-- 第二个9 -->
     <div class="content content2">
         <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>           
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>    
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>               
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>                 
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
             <div class="fl" style="margin-left:262px;"></div>
             <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
            <div class="fl"></div>
        </div>
        </div>
     <div class="content content3">
         <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>           
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>    
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>               
        <div style="margin-left:20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl" style="margin-left: 222px;"></div>
              <div class="fl"></div>
        </div>                 
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
             <div class="fl" style="margin-left:262px;"></div>
             <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left:20px;">
            <div class="fl" style="margin-left:262px;"></div>
            <div class="fl"></div>
        </div>
        <div style="margin-left: 20px;">
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>
              <div class="fl"></div>                    
        </div>
        <div style="margin-left:20px;">
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
             <div class="fl"></div>
        </div>
        </div>
 </div>
<script>
   $(function() { 
     animate();
        function animate() {
            $('div>div>div>div').each(function() { 
                $(this).css({   
                    position: 'relative', 
                    top: '-400px',
                    opacity: 0   
                });


        var ww = Math.floor((Math.random() * 3000) + 1);     
        $(this).delay(ww).animate({
            top: '10px',
            opacity: 1
        }, 3000, function() {                           
            $(this).delay(ww).animate({
                top: '10px',
                opacity: 0
            }, 2000, function() {
                $(this).delay(ww).animate({
                    top: '0px',
                    opacity: 1
                }, 1000);
            });
        });
    });
}


});




</script>
</body>
</html>css样式:body {
    margin: 0 auto;
    padding: 0;
    background:#000;
}
.content {
    display: inline-block;
    width: 350px;
    height: 400px;
}
div>div>div {
    display:block;
    height:20px;
}
div>div>div>div {
    width:16px;
    height:16px;
    display:inline-block;
    float:left;
    margin:2px;
}
div>div.content1>div>div.fl {
    background-color:red;
}
div>div.content2>div>div.fl {
    background-color:red;
}
div>div.content3>div>div.fl {
    background-color:red;
}
阅读全文
0 0
java就业培训教程 java就业培训教程
原创粉丝点击
热门IT博客
网络剧 余罪 安嘉璐网络剧 余罪 安嘉璐
java src是什么意思java src是什么意思
servlet使用json
墨西哥有网购软件吗
python iteritems 3.0
中指数据试用
银行家算法安全序列
绩效考核软件 免费
信用卡淘宝购物手续费
猎云网 知乎
苹果软件手机论坛
福瑞迪轮毂数据15寸
描述淘宝店铺的句子
国内编程语言排行
预科生的贩毒网络原型
马尔可夫矩阵怎么算
淘宝上的美鼻夹有用吗
魔方矩阵matlab
淘宝小众男装店铺推荐
mac du maxdepth
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 画画不会构图怎么办 嘴巴噘嘴怎么办? 长个撅噘嘴怎么办 戴帽子刘海怎么办 手办断了怎么办 手办头断了怎么办 pvc手办断了怎么办? ps字太小了怎么办 脚起水泡怎么办 感情中放不开怎么办 被茶水烫伤怎么办 吃土豆胀气怎么办 存钱罐打不开怎么办 生吃土豆中毒怎么办 口琴粘嘴怎么办 上台演奏紧张怎么办 尤克里里音不准怎么办 尤克里里弦松了怎么办 电子琴音域不够怎么办 电子琴琴键不够怎么办 电子琴键位不够怎么办 小孩写反字怎么办 老是爱发呆怎么办 iphonex壁纸模糊怎么办 金属眼镜架生锈怎么办 眼睛外凸怎么办 眼睛往外凸怎么办 眼角泪腺痒怎么办 没有眼窝怎么办 泪阜发炎怎么办 眼尾凹陷怎么办 眼睛泪囊断了怎么办 眼睛长挑针怎么办 小孩子长针眼怎么办 眼睛长眼针肿了怎么办 孩子眼上长针眼怎么办 小孩眼睛生挑针怎么办 眼部有泪沟怎么办 近视眼800度怎么办 近视越来越厉害怎么办 熬夜 眼睛发红怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里