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

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

Emmet

Emmet早期名字叫Zen Coding
作用：快速地書(shū)寫(xiě)html和css
快捷鍵：
1.ctrl+e
2.tab
常用的寫(xiě)法：

html:5钉汗，html:xt +快捷鍵，調(diào)出html的基本骨架福侈。html:5+快捷鍵卢未，調(diào)出html5的基本結(jié)構(gòu)；html:xt+快捷鍵伟墙，調(diào)出xhtml1.0的基本結(jié)構(gòu)滴铅。
簡(jiǎn)單元素的寫(xiě)法：標(biāo)簽名稱(chēng) 快捷鍵。例如：div p
div+快捷鍵=<div></div>
帶class的元素的寫(xiě)法：標(biāo)簽名稱(chēng).類(lèi)名快捷鍵拱烁。例如：div.box div.box.header
帶id的元素的寫(xiě)法：標(biāo)簽名稱(chēng)#id 快捷鍵噩翠。例如：div#box
元素既有id绎秒，又有class的寫(xiě)法：
div#box.header+快捷鍵=<div id="box" class="header"></div>
兄弟級(jí)并列關(guān)系的元素寫(xiě)法：兄標(biāo)簽+弟標(biāo)簽尼摹。
例如：h1+h2+快捷鍵= < h1 >< /h1 > < h2 >< /h2 >
父子級(jí)的嵌套關(guān)系的寫(xiě)法：父標(biāo)簽>子標(biāo)簽。
如果讓某個(gè)元素重復(fù)玄呛，可以用* 和二。例如：div * 4
如果某個(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="">龍門(mén)飛甲</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ì)員專(zhuān)區(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)稱(chēng)可樂(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">熱門(mén)大片</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">龍門(mén)飛甲<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>泊車(chē)殿下<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

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

最后編輯于：2017.12.05 07:44:11

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末绳泉，一起剝皮案震驚了整個(gè)濱河市姆泻，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌拇勃，老刑警劉巖，帶你破解...
沈念sama閱讀 222,104評(píng)論 6贊 515
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件月腋，死亡現(xiàn)場(chǎng)離奇詭異瓣赂，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)妓肢，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,816評(píng)論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)苫纤，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人卷拘，你說(shuō)我怎么就攤上這事〔儋鳎” “怎么了横腿？”我有些...
開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0贊 360
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵斤寂，是天一觀的道長(zhǎng)揪惦。經(jīng)常有香客問(wèn)我，道長(zhǎng)溪猿，這世上最難降的妖魔是什么纫塌？我笑而不...
開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1贊 298
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮措左，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘怎披。我一直安慰自己，他們只是感情好性宏，可當(dāng)我...
茶點(diǎn)故事閱讀 68,851評(píng)論 6贊 397
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布状飞。她就那樣靜靜地躺著，像睡著了一般诬辈。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上，一...
開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1贊 310
城市分裂傳說(shuō)
那天酬荞，我揣著相機(jī)與錄音瞧哟，去河邊找鬼。笑死勤揩，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的傍衡。我是一名探鬼主播，決...
沈念sama閱讀 40,992評(píng)論 3贊 421
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼蛙埂，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了叠赐？” 一聲冷哼從身側(cè)響起屡江，我...
開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0贊 276
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎罢洲，沒(méi)想到半個(gè)月后宏怔，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 46,457評(píng)論 1贊 318
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡臊诊，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 38,529評(píng)論 3贊 341
?白月光啟示錄
正文我和宋清朗相戀三年抓艳，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片玷或。...
茶點(diǎn)故事閱讀 40,664評(píng)論 1贊 352
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖蔬胯，靈堂內(nèi)的尸體忽然破棺而出位他，到底是詐尸還是另有隱情，我是刑警寧澤鹅髓，帶...
沈念sama閱讀 36,346評(píng)論 5贊 350
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布窿冯，位于F島的核電站骗奖，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏鄙皇。R本人自食惡果不足惜鼻吮，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 42,025評(píng)論 3贊 334
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望违柏。院中可真熱鬧香椎，春花似錦漱竖、人聲如沸畜伐。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0贊 24
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)慎框。三九已至，卻和暖如春笨枯，著一層夾襖步出監(jiān)牢的瞬間薪丁，已是汗流浹背馅精。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1贊 272
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工洲敢，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人压彭。一個(gè)月前我還...
沈念sama閱讀 49,081評(píng)論 3贊 377
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親凳谦。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 45,675評(píng)論 2贊 359

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

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

Emmet

推薦閱讀更多精彩內(nèi)容