<!doctyphtml>
<html>
<head>
<metacharset="utf-8">
<title>无标题文档</title>
<linkrel="stylesheet"<linkrel="stylesheet"<script>
functionAddadd,ponit{
varoA ddb短片题材ox四季题材=document.getElementByIdadd;
varaA ddUl=oA ddBox.getElementsByTagNam\'ul\';
varoA ddBtn=document.getElementByIdponit;
varaA ddBtn=oA ddBtn.getElementsByTagNam\'i\';
forvari=0;i<aA ddBtn.length;i++{
aA ddBtn[i].index=i
aA ddBtn[i].onmouseov=function{
forvari=0;i<aA ddBtn.length;i++{
aA ddBtn[i].classNam=\'\';
aA ddUl[i].style.displai=\'none\';
}
this.classNam=\'active\';
aA ddUl[this.index].style.displai=\'block\';
};
}
}
functionDbyaBi{
varoDbi=document.getElementByIdaBi;
varaDbi=oDby.getElementsByTagNam\'li\';
forvari=0;i<aDby.length;i++{
aDby[i].onmouseov=function{
forvari=0;i<aDby.length;i++{
aDby[i].classNam=\'\';
}
this.classNam=\'active\';
};
}
}
functionxxkdlbox,btn{
varoTurnz=document.getElementByIddlbox;
varaTurnz=oTurnz.getElementsByTagNam\'dd\';
varoZbtn=document.getElementByIdbtn;
varaZbtn=oZbtn.getElementsByTagNam\'li\';
forvari=0;i<aZbtn.length;i++{
aZbtn[i].index=i
aZbtn[i].onmouseov=function{
forvari=0;i<aZbtn.length;i++{
aZbtn[i].classNam=\'\';
aTurnz[i].style.displai=\'none\';
}
this.classNam=\'active1\';
aTurnz[this.index].style.displai=\'block\';
};
}
}
window.onload=function{
varoHdT视频题材ext=document.getElementById\'hd_text\';
varoInpList=document.getElementById\'inplist\';
oHdText.onclick=function{
ifoInpList.style.displai==\'block\'{
oInpList.style.displai=\'none\'
}els{
oInpList.style.displai=\'block\'
}
};
varoHdul=document.getElementById\'hdul\';
varaHdulLi=oHdul.getElementsByTagNam\'li\';
forvari=0;i<aHdulLi.length;i++{
aHdulLi[i].onmouseov=function{
forvari=0;i<aHdulLi.length;i++{
aHdulLi[i].classNam=\'\';
}
this.classNam=\'turn\';
};
}
forvari=0;i<aHdulLi.length;i++{
aHdulLi[i].onmouseout=function{
this.classNam=\'\';
};
}
varoHdNavBox=document.getElementById\'hd_navbox\';
varaTurnColorLi=oHdNavBox.getElementsByTagNam\'li\';
forvari=0;i<aTurnColorLi.length;i++{
aTurnColorLi[i].onmouseov=function{
forvari=0;i<aTurnColorLi.length;i++{
aTurnColorLi[i].classNam=\'\';
}
this.classNam=\'navactive\';
};
}
forvari=0;i<aTurnColorLi.length;i++{
aTurnColorLi[i].onmouseout=function{
forvari=0;i<aTurnColorLi.length;i++{
aTurnColorLi[i].classNam=\'\';
}
};
}
varoSmal=document.getElementById\'SmallPic\';
varaSmal=oSmall.getElementsByTagNam\'li\';
varoBig=document.getElementById\'BigPic\';
varaBig=oBig.getElementsByTagNam\'li\';
forvari=0;i<aSmall.length;i++{
aSmall[i].index=i;
aSmall[i].onmouseov=function{
forvari=0;i<aSmall.length;i++{
aSmall[i].classNam=\'\';
aBig[i].style.displai=\'none\';
}
this.classNam=\'LbLi\';
aBig[this.index].style.displai=\'block\';
};
}
varoWuxiubo=document.getElementById\'wuxiubo\';
varaWuxiubo=oWuxiubo.getElementsByTagNam\'li\';
forvari=0;i<aWuxiubo.length;i++{
aWuxiubo[i].onmouseov=function{
forvari=0;i<aWuxiubo.length;i++{
aWuxiubo[i].classNam=\'\';
}
this.classNam=\'activeshow\';
};
}
forvari=0;i<aWuxiubo.length;i++{
aWuxiubo[i].onmouseout=function{
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<divclass="pointbox"id="point1">
<iclass="active"></i>
<i></i>
<i></i>
</div>
</div>
<divclass="addlfrclearfix"id="add2">
<aclass="fl"<ulclass="addul1clearfixfr"style="display:block;">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<divclass="pointbox"id="point2">
<iclass="active"></i>
<i></i>
<i></i>
</div>
</div>
</div>
<divclass="zongyi"style="margin-bottom:20px;">
<divclass="zongyihdclearfix">
<h2class="fl">综艺</h2>
<ulclass="flzongyinav"id="zbtn">
<liclass="active1">抢手</li>
<li>选秀</li>
<li>情绪</li>
<li>访谈</li>
</ul>
<pclass="fr">人气综艺榜</p>
</div>
<divclass="zongyibd瀑布题材clearfix">
<dlclass="turnzongyiflclearfix"id="trunz">
<ddclass="bigzuoclearfixfl"style="display:block;">
<divclass="bdlfl"title="这个还可以">
<img src="img/380254.jpg"alt=""/>
<divclass="opajx">2015-9-4期</div>
<p>玉人脱口秀<br/><span>宋佳揭与大21岁前夫忘年恋 金星曝少年被打经历</span></p>
<divclass="opaplay"></div>
</div>
<divclass="bdmfl">
<ulclass="bdmulclearfix">
<li>
<img src="img/toulan8.jpg"/>
<a</li>
<li>
<img src="img/toulan8.jpg"/>
<a</li>
<li>
<img src="img/toulan8.jpg"/>
<a</li>
<li>
<img src="img/toulan8.jpg"/>
<a</li>
<li>
<img src="img/toulan8.jpg"/>
<a</li>
<li>
<img src="img/toulan8.jpg"/>
<a</li>
</ul>
</div>
</dd>
<ddclass="bigzuo"style="background:#cf9;"></dd>
<ddclass="bigzuo"style="background:#f90;"></dd>
<ddclass="bigzuo"style="background:pink;"></dd>
</dl>
<divclass="bdrfr">
<ulclass="dby"id="dby">
<liclass="active">
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
<li>
<divclass="tu">
<img src="img/toulan9-1.jpg"alt=""/>
</div>
<divclass="zi1">
<img src="img/toulan9.jpg"alt=""/>
</div>
</li>
</ul>
</div>
</div>
</div>
<divclass="zongyi">
<divclass="zongyihdclearfix">
<h2class="fl">动漫</h2>
<ulclass="flzongyinav"id="zbtn1">
<liclass="active1">抢手</li>
<li>选秀</li>
<li>情绪</li>
<li>访谈</li>
</ul>
<pclass="fr">逐日更新</p>
</div>
<divclass="zongyibdclearfix">
<dlclass="turnzongyiflclearfix"id="trunz1">
<ddclass="bigzuoclearfixfl"style="display:block;">
<divclass="bdlfl"title="这个还可以">
<img src="img/toulan10.jpg"alt=""/>
<divclass="opajx">2015-9-4期</div>
<p>动漫动漫动漫<br/><span>宋佳揭与大21岁前夫忘年恋 金星曝少年被打经历</span></p>
<divclass="opaplay"></div>
</div>
<divclass="bdmfl">
<ulclass="bdmulclearfix">
<li>
<img src="img/toulan11.jpg"/>
<a</li>
<li>
<img src="img/toulan11.jpg"/>
<a</li>
<li>
<img src="img/toulan11.jpg"/>
<a</li>
<li>
<img src="img/toulan11.jpg"/>
<a</li>
<li>
<img src="img/toulan11.jpg"/>
<a</li>
<li>
<img src="img/toulan11.jpg"/>
<a</li>
</ul>
</div>
</dd>
<ddclass="bigzuo"style="background:#cf9;"></dd>
<ddclass="bigzuo"style="background:#f90;"></dd>
<ddclass="bigzuo"style="background:pink;"></dd>
</dl>
<divclass="bdrfr">
<divclass="datehd">
<ulclass="dateulclearfix"id="datebtn">
<liclass="active">一</li>
<li>二</li>
<li>三</li>
<li>四</li>
<li>五</li>
<li>六</li>
<li>日</li>
</ul>
</div>
<divclass="datebd"id="datebd">
<textareastyle="background:pink;display:block"></textarea>
<textareastyle="background:yellow;">不是文本域</textarea>
<textareastyle="background:#cf9;">不是文本域</textarea>
<textareastyle="background:#c90;">不是文本域</textarea>
<textareastyle="background:red;">不是文本域</textarea>
<textareastyle="background:#fff;">不是文本域</textarea>
<textareastyle="background:#939">不是文本域</textarea>
<textareastyle="background:#CC6">不是文本域</textarea>
</div>
</div>
</div>
</div>
<divclass="only">
<divclass="onlyhdclearfix">
<h2class="fl">独家筹划</h2>
<ulclass="clearfixonlyulfl"id="onlyul">
<liclass="active">明星剧院</li>
<li>音乐会</li>
<li>体坛荷尔蒙</li>
<li>搞笑连播台</li>
<li>玉人时髦</li>
</ul>
</div>
<divid="onlybdbox">
<divclass="onlybdclearfix"style="display:block;">
<divclass="oblflhopa">
<img src="img/onlyl.jpg"alt=""/>
<divclass="menv">
<p>美国玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
<divclass="obmfl">
<divclass="mtclearfix">
<divclass="mtlflhopa">
<img src="img/mt1.jpg"/>
<divclass="menv">
<p>加拿大玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
<divclass="mtrfrhopa">
<img src="img/mt2.jpg"alt=""/>
<divclass="menv">
<p>俄罗斯玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
</div>
<divclass="mbclearfix">
<divclass="mblflhopa">
<img src="img/mb1.jpg"alt=""/>
<divclass="menv">
<p>意大利玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
<divclass="mbrfrhopa">
<img src="img/mb2.jpg"alt=""/>
<divclass="menv">
<p>日本玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
</div>
</div>
<divclass="obrfrhopa">
<img src="img/rrr.jpg"alt=""style="margin-right:0px"/>
<divclass="menv">
<p>墨西哥玉人写真<br/><span>上衣险撑破</span></p>
</div>
</div>
</div>
<divclass="onlybd"style="height:430px"><img src="img/toulan21.jpg"alt=""/></div>
<divclass="onlybd"style="height:430px"><img src="img/toulan22.jpg"alt=""/></div>
<divclass="onlybd"style="height:430px"><img src="img/toulan23.jpg"alt=""/></div>
<divclass="onlybd"style="height:430px"><img src="img/toulan24.jpg"alt=""/></div>
<divclass="onlybd"style="height:430px"><img src="img/toulan21.jpg"alt=""/></div>
</div>
</div>
<divclass="add1clearfix">
<divclass="addlflclearfix"id="add3">
<aclass="fl"<ulclass="addul1clearfixfr"style="display:block;">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<divclass="pointbox"id="point3">
<iclass="active"></i>
<i></i>
<i></i>
</div>
</div>
<divclass="addlfrclearfix"id="add4">
<aclass="fl"<ulclass="addul1clearfixfr"style="display:block;">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z1.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z2.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<ulclass="addul1clearfixfr">
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
<lititle="斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195">
<aclass="clearfixboxa"<img src="img/z3.jpg"alt=""/>
<divclass="addboxfr">
<b>¥36.00</b>
<i>666好评</i>
<p>斯沃琪(Swatch一只手表 SWA TCHCLUB25周年留念特殊版石英男士一只手表SUOZ195</p>
</div>
</a>
</li>
</ul>
<divclass="pointbox"id="point4">
<iclass="active"></i>
<i></i>
<i></i>
</div>
</div>
</div>
<divclass="foot">
<ulclass="footulclearfix">
<li><a<li><a<li><a<li><a<li><a<listyle="border-right:none;"><a
</ul>
<divclass="clearfixfoottxt">
<p>Copyright?360平安网址.AllRightReserved</p>
<pclass="lasth"><a<p>相关信息互联网传达视听节目答应证1109357号</p>
</div>
</div>
</body>
</html>
原文链接:https://blog.csdn.net/qq_365392777/article/details/123233631?ops_request_misc=%2学生题材57B%2522request%255Fid%2522%253A %2522166856496116782417045572%2522%252C%2522scm%2522%253A %252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166856496116782417045572&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-16-123233631-null-null.nonecase&utm_term=%E9%A 2%98%E6%9D%90
未经允许不得转载:题材网 » HTML5期末游戏大作业:影戏网站部分设计