第四次作業(yè)(迅雷看看未完待續(xù)）

1.知識(shí)總結(jié)

Emmet

  • Emmet早期名字叫Zen Coding
    作用：快速地書寫html和css
  • 快捷鍵：
    1.ctrl+e
    2.tab
  • 常用的寫法：
  1. html:5，html:xt +快捷鍵，調(diào)出html的基本骨架。html:5+快捷鍵，調(diào)出html5的基本結(jié)構(gòu)；html:xt+快捷鍵，調(diào)出xhtml1.0的基本結(jié)構(gòu)。
  2. 簡(jiǎn)單元素的寫法：標(biāo)簽名稱 快捷鍵。例如：div p
    div+快捷鍵=<div></div>
  3. 帶class的元素的寫法：標(biāo)簽名稱.類名 快捷鍵。例如：div.box div.box.header
  4. 帶id的元素的寫法：標(biāo)簽名稱#id 快捷鍵。例如：div#box
  5. 元素既有id，又有class的寫法：
    div#box.header+快捷鍵=<div id="box" class="header"></div>
  6. 兄弟級(jí)并列關(guān)系的元素寫法：兄標(biāo)簽+弟標(biāo)簽。
    例如：h1+h2+快捷鍵= < h1 >< /h1 > < h2 >< /h2 >
  7. 父子級(jí)的嵌套關(guān)系的寫法：父標(biāo)簽>子標(biāo)簽。
  8. 如果讓某個(gè)元素重復(fù)，可以用* 。 例如：div * 4
  9. 如果某個(gè)數(shù)值是遞增的，可以用$，配合*。例如：div.box*4
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>迅雷看看</title>
<style>
.head{
width: 970px;
height: 109px;
position: relative;
}
.head1{
    width: 970px;
    height: 109px;
    background: url(img1/xunleikankan.jpg) no-repeat 23px 34px;
}
.head2{
    width: 970px;
    height: 109px;
    background:url(img1/52cun.jpg) no-repeat 188px 30px;
    position: absolute;
    top:0px;
}
.head3{
    width:401px;
    height: 89px;
    position: absolute;
    left: 290px;
    top:0px;
    padding-top:20px;
}
a{
    font-size :12px;
    color:#999999;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.head3 form{
    width:394px;
    height:27px;
    border:3px solid #eeeeee;
}
.head33{
    width:326px;
    height:24px;
    border:1px solid #babebf;
    border-right: none;
    font-size: 12px;
    font-family: "宋體";
    color: #999999;
    text-indent: 6px;
}
.head34{
    width: 67px;
    height: 27.6px;
    background-image: url(img1/lantu.jpg);
    position: absolute;
    top:22.8px;
    outline: none;
    border:0 none;
    font-size:14px;
    font-family: "宋體";
    color:#fff;
}
.head3 p a{
    font-size: 12px;
    margin:0 2px;
}
.head4{
    width: 180px;
    height: 109px;
    
    position: absolute;
    left:691px;
    top:0px;
}
.head41{
    width: 190px;
    height: 14px;
    position: absolute;
    left:90px;
    top:24px;
}
.head41 p a{
    font-size:12px;

}
.head42{
    width: 198px;
    height: 14px;
    position: absolute;
    left :81px;
    top:54px;
}
.head42 p a{
    font-size: 12px;
}
.head411{
    width:33px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head412{
    width:33px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head413{
    width:57px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head414{
    width:39px;
    height:12px;
    display: inline-block;
    text-indent: 15px;
    background: url(img1/xinfeng.jpg) no-repeat 0px 1px;
}
.head421{
    width:57px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head422{
    width:57px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head423{
    width:33px;
    height:12px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
}
.head424{
    width:24px;
    height:12px; 
    display: inline-block;
}
.body1{
    width:968px;
    height:35px;
    border:1px solid #dddddd;
    background: url(img1/xiaotiao.jpg) no-repeat 513px 10px;
    position:relative;
}
.body11 a:hover {
    color:#0081cc;
}
.body11 .body111{
    color :#0081cc;
    font-weight: bold;
}
.body11 p a{
    float:left ;
    margin :0px 10px;
    font-size: 14px;
    color:black;
}
.body12 p a{
    float:left ;
    margin :0px 2px;
    font-size: 12px;
    text-indent:19px;
    color:black;
}
.body12{
    width:220px;
    height:35px;
    float:left;
    background: url(img1/new.jpg) no-repeat 196px 5px;
}
.body13{
    float:left;
    margin:0px 67px;
    position: relative;
}

.body131{
    width:57px;
    height:12px;
    background: url(img1/daosanjiao.jpg) no-repeat 52px 5px ;
    position:absolute;  
}
.body132{
    width:57px;
    height:12px;
    background: url(img1/daosanjiao.jpg) no-repeat 52px 5px;
    position:absolute;
    left:68px;

}
.body p{
    float: left;
    font-size: 12px;
    color:#666666;
}
.body2{
    width:970px;
    height: 365px;
    margin-top:10px;
    padding: 8px 0 7px 0;
    background-color:black;
}
.body21{
    float: left;
    width:740px;
    height: 365px;
    position: relative;
}
.body21 div{
    width:740px;
    height:310px;

}
.body21 div img{
    width: 740px;
    height: 310px;
}
.body21 li {
    list-style-type: none;
    width:56px;
    height: 45px;
    background: url(img1/kuangkuang.jpg);
    padding: 1px;
}
.body21 .body211{
    position: absolute;
    left:0px;
    top:315px;
    background: url(img1/xuanzhongkuang.gif) no-repeat;
    padding: 1px;
    padding-top: 5px;
    
}
.body21 .body212{
    position: absolute;
    left:62px;
    top:318px;
}
.body21 .body213{
    position: absolute;
    left:124px;
    top:318px;
}
.body21 .body214{
    position: absolute;
    left:186px;
    top:318px;
}
.body21 .body215{
    position: absolute;
    left:248px;
    top:318px;
}
.body21 .body216{
    position: absolute;
    left:310px;
    top:318px;
}
.body21 .body217{
    position: absolute;
    left:372px;
    top:318px;
}
.body21 .body218{
    position: absolute;
    left:434px;
    top:318px;
}
.body21 .body219{
    position: absolute;
    left:496px;
    top:318px;
}
.body21 .body2110{
    position: absolute;
    left:558px;
    top:318px;
}
.body21 .body2111{
    position: absolute;
    left:620px;
    top:318px;
}
.body21 .body2112{
    position: absolute;
    left:682px;
    top:318px;
}
.body22{
    float: left;
    width:217px;
    height: 353px;
    background:url(img1/hei.jpg) ;
    border:1px solid #393939;
    padding:10px 5px 0px ;
    position: relative;
}
.body22 .body221{
    width: 210px;
    height: 21px;
    list-style-type: none;
    border-left:1px solid #545454;
    border-top:1px solid #545454;
    font-size: 12px;
    line-height: 20px;
    color:#545454;
}
.body22 .body221 li{
    padding:0 4px;
    border-right:1px solid #545454;
    border-bottom:1px solid #545454;
    float:left;
    font-size: 5px;
}
.body2211{
    background:#6f6f6f;
    color:#fff;
}
.body22 .body221 li .cur{
    background-color:#6f6f6f;
}
.body22 ul{
    margin:0;
    padding:0px;
    list-style-type: none;
}
.body22 ol{
    list-style-type: none;
    margin:0;
    padding:0;
    color:#666666;
    font:12px/12px "宋體";
    margin-top: 5px;
    margin-bottom: 6px;
}
.body22 ol li{
    line-height: 27px;
}
.body22 ol li span{
    width:19px;
    height: 14px;
    border:1px solid #4d4d4d;
    text-align: center;
    line-height: 14px;
    font:8px/14px "宋體";
    color:#666666;
}
.body22 ol li a{
    font:12px/12px "宋體";
    margin-left: 4px;
    margin-right: 6px;
}
.body22  .body222 span{
    background: #29b6e9;
    color:#fff;
    font-weight: bold;
}
.body22 ol li strong{
    float:right;
    margin-right:1px;
    font-size:8px;
    font-family: "宋體";
}
.body223 li a{
    margin-left:9px;
    color:#df7e0d;
    font:12px/20px "宋體";
}
.body224{
    width:3px;
    height: 3px;
    background:#dd7d0a;
    position: absolute;
    left:5px;
    bottom:37px;
}
.body225{
    width:3px;
    height: 3px;
    background:#dd7d0a;
    position: absolute;
    left:5px;
    bottom:17px;
}
.body3{
    width:968px;
    height:438px;
    border:1px solid #dddddd;
    margin-top: 10px;
    position: relative;
}
.body3 .body31{
    display: inline-block;
    width:161px;
    height:438px;
    border-right: 1px solid #dddddd;
}
.body3 .body31 .body311{
    width:161px;
    height:3px;
    background:#e188c2;
}
.body3 .body31 .body312{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:51px;
    top:19px;
    color:#e188cd;
}
.body3 .body31 .body313{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:10px;
    top:50px;
    background:url(img1/tu/tu1.jpg) no-repeat 1px 1px;
}
.body3 .body31 .body314{
    width:140px;
    height:14px;
    position: absolute;
    left:10px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body31 .body314 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body3 .body31 .body315{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:10px;
    top:182px;
    background:url(img1/tu/tu7.jpg) no-repeat 1px 1px;
}
.body3 .body31 .body316{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:10px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body31 .body316 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body31 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:10px;
}
.body31 ul li{
    font:14px/24px "宋體";
}
.body31 ul li span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body31 .body317{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body31 .body318 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body3 .body32{
    display: inline-block;
    width:153px;
    height:438px;
    border-right: 1px solid #dddddd;
    position: relative;
}
.body3 .body32 .body321{
    width:161px;
    height:3px;
    background:#879ac5;
    position: absolute;
    left:-8px;
}
.body3 .body32 .body322{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:43px;
    top:19px;
    color:#597398;
}
.body3 .body32 .body323{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:50px;
    background:url(img1/tu/tu2.jpg) no-repeat 1px 1px;
}
.body3 .body32 .body324{
    width:140px;
    height:14px;
    position: absolute;
    left:2px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body32 .body324 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body3 .body32 .body325{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:182px;
    background:url(img1/tu/tu8.jpg) no-repeat 1px 1px;
}
.body3 .body32 .body326{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:2px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body32 .body326 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body32 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:2px;
}
.body32 ul li{
    font:14px/24px "宋體";
}
.body32 ul li span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body32 .body327{
    font:12px/12px "宋體";
    color:#aaaaaa;
}

.body .body33{
    display: inline-block;
    width:152px;
    height:438px;
    border-right: 1px solid #dddddd;
    position: relative;
    }
.body3 .body33 .body331{
    width:160px;
    height:3px;
    background:#a6a6a6;
    position: absolute;
    left:-8px;
}
.body3 .body33 .body332{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:43px;
    top:19px;
    color:#7777a1;
}
.body3 .body33 .body333{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:50px;
    background:url(img1/tu/tu3.jpg) no-repeat 1px 1px;
}
.body3 .body33 .body334{
    width:140px;
    height:14px;
    position: absolute;
    left:2px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body33 .body334 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body3 .body33 .body335{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:182px;
    background:url(img1/tu/tu9.jpg) no-repeat 1px 1px;
}
.body3 .body33 .body336{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:2px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body33 .body336 span{
    font:8px/8px "宋體";
    color:#aaaaaa;
}
.body33 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:2px;
}
.body33 ul li{
    font:14px/24px "宋體";
}
.body33 ul li span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body33 .body337{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body .body34{
    display: inline-block;
    width:152px;
    height:438px;
    border-right: 1px solid #dddddd;
    position: relative;
}
.body3 .body34 .body341{
    width:160px;
    height:3px;
    background:#7ec0da;
    position: absolute;
    left:-8px;
}
.body3 .body34 .body342{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:43px;
    top:19px;
    color:#8d99c5;
}
.body3 .body34 .body343{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:50px;
    background:url(img1/tu/tu4.jpg) no-repeat 1px 1px;
}
.body3 .body34 .body344{
    width:140px;
    height:14px;
    position: absolute;
    left:2px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body34 .body345{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:2px;
    top:182px;
    background:url(img1/tu/tu10.jpg) no-repeat 1px 1px;
}
.body3 .body34 .body346{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:2px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body34 .body346 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body34 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:2px;
}
.body34 ul li{
    font:14px/24px "宋體";
}
.body34 ul li span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body34 .body347{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body .body35{
    display: inline-block;
    width:154px;
    height:438px;
    border-right: 1px solid #dddddd;
    position: relative;
    }
.body3 .body35 .body351{
    width:162px;
    height:3px;
    background:#e18786;
    position: absolute;
    left:-8px;
}
.body3 .body35 .body352{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:42px;
    top:19px;
    color:#d83438;
}
.body3 .body35 .body353{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:1px;
    top:50px;
    background:url(img1/tu/tu5.jpg) no-repeat 1px 1px;
}
.body3 .body35 .body354{
    width:140px;
    height:14px;
    position: absolute;
    left:1px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body35 .body354 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body3 .body35 .body355{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:1px;
    top:182px;
    background:url(img1/tu/tu11.jpg) no-repeat 1px 1px;
}
.body3 .body35 .body356{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:1px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body35 .body356 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body35 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:1px;
}
.body35 ul li{
    font:14px/24px "宋體";
}
.body35 ul li span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body35 .body357{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body .body36{
    display: inline-block;
    position: relative;
    }
.body3 .body36{
    display: inline-block;
    width:150px;
    height:438px;
    }
.body3 .body36 .body361{
    width:158px;
    height:3px;
    background:#e4cd6f;
    position: absolute;
    left:-8px;
}
.body3 .body36 .body362{
    width:58px;
    height:14px;
    font: bold 14px/14px "宋體";
    position: absolute;
    left:42px;
    top:19px;
    color:#c69067;
}
.body3 .body36 .body363{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:1px;
    top:50px;
    background:url(img1/tu/tu6.jpg) no-repeat 1px 1px;
}
.body3 .body36 .body364{
    width:140px;
    height:14px;
    position: absolute;
    left:1px;
    top:155px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body36 .body364 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body3 .body36 .body365{
    width:138px;
    height:98px;
    border:1px solid #eeeeee;
    position: absolute;
    left:1px;
    top:182px;
    background:url(img1/tu/tu12.jpg) no-repeat 1px 1px;
}
.body3 .body36 .body366{
    width:140px;
    height:27px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left:1px;
    top:287px;
    font:14px/14px "宋體";
    background:url(img1/xiaoshu.jpg) no-repeat 132px 3px;
}
.body3 .body36 .body366 span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body36 ul{
    position: absolute;
    list-style-type: none;
    margin-top:338px;
    padding-left:1px;
}
.body36 ul li{
    font:14px/24px "宋體";
}
.body36 ul li span{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body36 .body367{
    font:12px/12px "宋體";
    color:#aaaaaa;
}
.body4{
    width:968px;
    height:168px;
    border:1px solid #dddddd;
    margin-top: 10px;
    position: relative;
}
.body4 h2{
    font:bold 16px/16px "宋體";
    position: absolute;
    left:10px;
}
.body4 del{
    width:48px;
    height:19px;
    background:url(img1/guanbi.jpg);
    font:12px/19px "宋體";
    text-indent: 5px;
    text-decoration: none;
    color:#3d3d3d;
    cursor:pointer;
    position: absolute;
    right: 0px;
    top:0px;
}
.body4 .body41{
    width:710px;
    height: 168px;
    float: left;
    position: relative;
}
.body4 .body42{
    float: right;
    width:220px;
    height:168px;
    margin-right: 10px;
}
.body411{
    float: right;
    display: inline;
}
.body411 p{
    font:12px/12px "宋體";
    color:#666666;
    position: absolute;
    left:344px;
    top:2px;
}
.body411 li{
    float: left;
    list-style-type: none;
}
.body411 ol{
    position: absolute;
    left:586px;
    top:3px;
}
.body411 ol li{
    width:6px;
    height:6px;
    background:url(img1/xiaoyuandian.jpg);
    float: left;
    margin-right: 6px;
}
.body411 li{
    list-style-type: none;
}
.body411 ul{

}
.body411 ul li{
    width:24px;
    height:15px;
    float:left;
    background:url(img1/zuojiantou.jpg);
    margin-top:-1px;
}
.body411 .body4112{
    width:24px;
    height:15px;
    float:left;
    background:url(img1/youjiantou.jpg);
}
</style>
</head>
<body>
<div class="box">
    <div class="head">
        <div class="head1"></div>
        <div class="head2"></div>
        <div class="head3">
            <form action="">
                <input type="text" name="text" class="head33" value="金陵十二釵" /><input type="submit" class="head34" value="搜 索" />
            </form>
            <p>
                <a href="">熱播榜</a>
                <a href="">鄉(xiāng)愛(ài)5結(jié)局</a>
                <a href="">我的老爹</a>
                <a href="">小姨多鶴</a>
                <a href="">歐陽(yáng)德</a>
                <a href="">龍門飛甲</a>
                <a href="">大沖鋒</a>
            </p>
        </div>
        <div class="head4">
            <div class="head41">
                <p>
                    <a href="" class="head411">登陸</a>
                    <a href="" class="head412">注冊(cè)</a>
                    <a href="" class="head413">迅雷會(huì)員</a>
                    <a href="" class="head414">訂閱</a>
                </p>
            </div>
            <div class="head42">
                <p>
                    <a href="" class="head421">會(huì)員專區(qū)</a>
                    <a href="" class="head422">移動(dòng)產(chǎn)品</a>
                    <a href="" class="head423">游戲</a>
                    <a href="" class="head424">幫助</a>
                </p>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="body1">
            <div class="body11">
                <p>
                    <a href="" class="body111">首頁(yè)</a>
                    <a href="" class="cur">電影</a>
                    <a href="">電視劇</a>
                    <a href="">綜藝</a>
                    <a href="">動(dòng)漫</a>
                    <a href="">紀(jì)錄片</a>
                    <a href="">視頻快報(bào)</a>
                    <a href="">娛樂(lè)</a>
                    <a href="">電視臺(tái)</a>
                </p>
            </div>
            <div class="body12" class="body121">
                <p>
                    <a href="">歐美大片</a>
                    <a href="">經(jīng)典大片</a>
                    <a href="">華語(yǔ)大片</a>
                </p>
            </div>
            <div class="body13">
                <p class="body131">我看過(guò)的</p>
                <p class="body132">下載迅雷</p>
            </div>
        </div>
        <div class="body2">
            <div class="body21">
                <div><a href="">![](img1/big.jpg)</a></div>
                <ul>
                    <li class="body211">![](img1/small/small1.jpg)</li>
                    <li class="body212">![](img1/small/small2.jpg)</li>
                    <li class="body213">![](img1/small/small3.jpg)</li>
                    <li class="body214">![](img1/small/small4.jpg)</li>
                    <li class="body215">![](img1/small/small5.jpg)</li>
                    <li class="body216">![](img1/small/small6.jpg)</li>
                    <li class="body217">![](img1/small/small7.jpg)</li>
                    <li class="body218">![](img1/small/small8.jpg)</li>
                    <li class="body219">![](img1/small/small9.jpg)</li>
                    <li class="body2110">![](img1/small/small10.jpg)</li>
                    <li class="body2111">![](img1/small/small11.jpg)</li>
                    <li class="body2112">![](img1/small/small12.jpg)</li>
                </ul>
            </div>
            <div class="body22" >
                <ul class="body221">
                    <li>全部</li>
                    <li class="body2211">電影</li>
                    <li>電視劇</li>
                    <li>綜藝</li>
                    <li>動(dòng)漫</li>
                    <li>記錄</li>
                </ul>
                <ol>
                    <li class="body222"><span>01</span><a href="">深宮間諜</a>更新至26集<strong>7.5</strong></li>
                    <li class="body222"><span>02</span><a href="">鄉(xiāng)村愛(ài)情5</a>44集全<strong>7.8</strong></li>
                    <li class="body222"><span>03</span><a href="">如意</a>更新至39集<strong>7.3</strong></li>
                    <li><span>04</span><a href="">北京愛(ài)情故事</a>39集全<strong>8.5</strong></li>
                    <li><span>05</span><a href="">怪俠歐陽(yáng)德</a>69集全<strong>9.5</strong></li>
                    <li><span>06</span><a href="">北京愛(ài)情故事</a>39集全<strong>8.5</strong></li>
                    <li><span>07</span><a href="">怪俠歐陽(yáng)德</a>69集全<strong>9.5</strong></li>
                    <li><span>08</span><a href="">北京愛(ài)情故事</a>39集全<strong>8.5</strong></li>
                    <li><span>09</span><a href="">怪俠歐陽(yáng)德</a>69集全<strong>9.5</strong></li>
                    <li><span>10</span><a href="">北京愛(ài)情故事</a>39集全<strong>8.5</strong></li>
                </ol>
                <ul class="body223">
                    <li><a href="">3.11日大地震周年祭:廢墟依然觸目</a></li>
                    <li><a href="">[揭秘]曝美一集團(tuán)稱可樂(lè)含致癌物！</a></li>
                </ul>
                <div class="body224"></div>
                <div class="body225"></div>
            </div>
        </div>
        <div class="body3">
            <div class="body31">
                <div class="body311"></div>
                <div class="body312">熱門大片</div>
                <div class="body313"></div>
                <div class="body314">仙境之橋<span>(720P)</span></div>
                <div class="body315"></div>
                <div class="body316">桃色驚魂<span>(720P)</span></div>
                <ul>
                    <li>鬼域<span>(480P)</span></li>
                    <li class="body317">獲金像獎(jiǎng)最佳視覺(jué)效果</li>
                    <li class="body318">龍門飛甲<span>(數(shù)字商城)</span></li>
                    <li class="body317">徐克3D武俠巨制</li>
                </ul>
            </div>
            <div class="body32">
                <div class="body321"></div>
                <div class="body322">男性影院</div>
                <div class="body323"></div>
                <div class="body324">天崩地裂<span>(720P)</span></div>
                <div class="body325"></div>
                <div class="body326">赤裸特工<span>(720P)</span></div>
                <ul>
                    <li>一夜未了情<span>(720P)</span></li>
                    <li class="body327">上床就更容易相愛(ài)難</li>
                    <li class="body328">超級(jí)女特工<span>(720P)</span></li>
                    <li class="body327">偉大的絕艷女戰(zhàn)士</li>
                </ul>
            </div>
            <div class="body33">
                <div class="body331"></div>
                <div class="body332">同步衛(wèi)視</div>
                <div class="body333"></div>
                <div class="body334">如意(42集全)<span>(720P)</span></div>
                <div class="body335"></div>
                <div class="body336">千山暮雪<span>(720P)</span></div>
                <ul>
                    <li>泊車殿下<span>(至03集)</span></li>
                    <li class="body337">臺(tái)灣俊男美女熱血暴力</li>
                    <li class="body338">租個(gè)女友回家過(guò)年<span>(全)</span></li>
                    <li class="body337">過(guò)年回家單身族挨不住</li>
                </ul>
            </div>
            <div class="body34">
                <div class="body341"></div>
                <div class="body342">TVB劇場(chǎng)</div>
                <div class="body343"></div>
                <div class="body344">千年之王重出江湖</div>
                <div class="body345"></div>
                <div class="body346">老公萬(wàn)歲<span>(20集全)</span></div>
                <ul>
                    <li>刑警<span>(30集全)</span></li>
                    <li class="body347">港式口味高智商死亡罪案</li>
                    <li class="body348">妙手仁心3<span>(40集全)</span></li>
                    <li class="body347">林保怡攜手黎姿解讀醫(yī)學(xué)</li>
                </ul>
            </div>
            <div class="body35">
                <div class="body351"></div>
                <div class="body352">海外劇場(chǎng)</div>
                <div class="body353"></div>
                <div class="body354">女兒是花兒<span>(至70集)</span></div>
                <div class="body355"></div>
                <div class="body356">太陽(yáng)的新娘<span>(至86集)</span></div>
                <ul>
                    <li>極道鮮師<span>(33集全)</span></li>
                    <li class="body357">真人版麻辣鮮師熱血?jiǎng)?lì)志</li>
                    <li class="body358">要帥氣的生活<span>(至45集)</span></li>
                    <li class="body357">剩女“脫光記”</li>
                </ul>
            </div>
            <div class="body36">
                <div class="body361"></div>
                <div class="body362">人氣綜藝</div>
                <div class="body363"></div>
                <div class="body364">非誠(chéng)勿擾<span>(02-19期)</span></div>
                <div class="body365"></div>
                <div class="body366">快樂(lè)大本營(yíng)<span>(02-18期)</span></div>
                <ul>
                    <li>本山快樂(lè)營(yíng)<span>(02-22期)</span></li>
                    <li class="body367">宋小寶精彩片段集錦</li>
                    <li class="body368">英國(guó)達(dá)人秀<span>(18集全)</span></li>
                    <li class="body367">脫衣舞娘天籟嗓音</li>
                </ul>
            </div>
        </div>
        <div class="body4">
            <h2>猜你喜歡看</h2>
            <div class="body41">
                <div class="body411">
                    <p class="fl">根據(jù)您的觀看記錄,為您推薦的,您還可以點(diǎn)擊換一組</p>
                    <ol class="fl">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                    <ul class="fl">
                        <li class="body4111"></li>
                        <li class="body4112"></li>
                    </ul>
                </div>
                


            </div>
            <div class="body42"></div>
            <del>關(guān)閉</del>
        </div>
        <div class="body5"></div>
        <div class="body6"></div>
        <div class="body7"></div>
        <div class="body8"></div>
        <div class="body9"></div>
        <div class="body10"></div>
    </div>
</div>
</body>
</html>

效果圖截圖

Paste_Image.png
Paste_Image.png

百度網(wǎng)盤鏈接: http://pan.baidu.com/s/1dF9nKw5
密碼: 8qw2

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案？ 參考答案 (1)瀏覽器兼容問(wèn)題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,150評(píng)論 1贊 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,875評(píng)論 32贊 459
  • <a name='html'>HTML</a> Doctype作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? （1）、<...
    clark124閱讀 3,826評(píng)論 1贊 19
  • 一、運(yùn)算符 1.算數(shù)預(yù)算符： 加（+）減（-）乘（*）除（/） 模，取余（%）; 2.賦值運(yùn)算符： = ...
    形象代言人閱讀 139評(píng)論 0贊 0
  • 是的，你沒(méi)有聽錯(cuò)。 這固沙的，不是大型藻類，是微藻。 傳統(tǒng)上的荒漠化治理方式 一是植樹種草。 植樹，即栽種樹苗，或...
    藻華閱讀 2,251評(píng)論 2贊 6

友情鏈接更多精彩內(nèi)容