大学生静态网页设计期末作业-基于HTML+CSS+DIV布局+JS实现的影视推荐静态网页设计

共44个文件

jpg：32个

css：4个

html：4个

版权申诉

html

javascript

63 浏览量 2024-05-06 16:47:42 上传评论收藏 14.02MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML04.zip （44个子文件）

HTML04

Information.html 13KB

image

fuchou.jpg 595KB

pikaqiu.jpg 633KB

jujingyi.jpg 553KB

changgexing.jpg 461KB

bingtang.jpg 31KB

dahua.jpg 597KB

shentou2.jpg 229KB

zuihao.jpg 47KB

bianni.jpg 27KB

dasong3.jpg 453KB

liujin.jpg 535KB

jinyi.jpg 443KB

baise.webp 19KB

dangni1.webp 17KB

langya.jpg 36KB

shentou1.jpg 240KB

liulangdiqiu.jpg 572KB

deluna.jpg 28KB

caoyuan.jpg 463KB

zhouyutong1.jpg 483KB

motong.jpg 591KB

zhouyutong.jpg 422KB

siteng.jpg 669KB

IU.jpg 396KB

hanxiaozhou.png 619KB

qingyunian1.jpg 563KB

dasong2.jpg 488KB

dasong.jpg 533KB

liechang.jpg 1.48MB

tianqizhizi.jpg 501KB

dabai.jpg 368KB

baishe1.jpg 415KB

xueshan.jpg 222KB

bailu.jpg 13KB

IU1.jpg 589KB

About.html 5KB

jquery-3.3.1.min.js 85KB

Middlecontent.html 5KB

Index.html 2KB

Information.css 6KB

Index.css 9KB

About.css 3KB

Middlecontent.css 3KB

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Information</title> <link rel="stylesheet" href="./Information.css"> </head> <body> <div class="content"> <img class="bgc" src="image/baishe1.jpg" width="100%" alt=""> <span class="title">最新影视资讯和明星动态</span> <span class="titles">The latest film and television news and celebrity updates</span> <ul id="top-nav" class="ribbon"> <li><a href="Index.html"> <span>首页</span></a></li> <li><a href="About.html"> <span>关于</span></a></li> <li><a href="Middlecontent.html"> <span>榜单</span></a></li> <li><a href="Information.html"> <span>影视资讯</span></a></li> </ul> <div id="Information" class="Information"> <h3 id="star">明星资讯</h3> <ul id="Mlist"> <li>明星剧场</li> <li>影片信息</li> <li>影视动态</li> </ul> <div id="Mbox1" class="Mbox1"> <ul id="ul1"> <li class="i1"> <div class="Mbox-pic1"> <img src="image/deluna.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>李知恩(IU)</h5> <p><span>韩国</span> <span>2021-12-26 09:30:52</span></p> <h5>德鲁纳酒店</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/zhouyutong1.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>周雨彤</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>大宋少年志，我在他乡挺好的</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/jujingyi.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>鞠婧祎</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>满月之下</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>张新成</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>大宋少年志，变成你的那一天</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/bingtang.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>吴倩</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>冰糖炖雪梨</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/bailu.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>白鹿</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>周生如故</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/dangni1.webp" alt=""> </div> <div class="Mbox-font1"> <h5>李钟硕</h5> <p><span>韩国</span> <span>2021-12-26 09:30:52</span></p> <h5>当你沉睡时</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/hanxiaozhou.png" alt=""> </div> <div class="Mbox-font1"> <h5>韩孝周</h5> <p><span>韩国</span> <span>2021-12-26 09:30:52</span></p> <h5>W-两个世界</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/dangni1.webp" alt=""> </div> <div class="Mbox-font1"> <h5>裴秀智</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>当你沉睡时</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i1"> <div class="Mbox-pic1"> <img src="image/siteng.jpg" alt=""> </div> <div class="Mbox-font1"> <h5>景甜</h5> <p><span>中国</span> <span>2021-12-26 09:30:52</span></p> <h5>司藤</h5> <p><a href="#">查看全文</a></p> </div> </li> </ul> </div> <div id="Mbox2" class="Mbox2"> <ul id="ul2"> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/zhouyutong.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li class="i2"> <div class="Mbox-pic2"> <img src="image/dasong3.jpg" alt=""> </div> <div class="Mbox-font2"> <h5>大宋少年志</h5> <p><span>古装</span> <span>2019-06-03 09:30:52</span></p> <h5>谍战、热血、群像</h5> <p><a href="#">查看全文</a></p> </div> </li> <li clas

评论收藏

内容反馈

版权申诉