html个人新闻网站,html,js,css实现

用html编写的简易新闻页面 练习小作品 阅读详情

更多静态模板,小米官网,原神官网,各种可视化大屏请前往https://lilisen.cn/了解

个人新闻网站,一个页面,五个部分

52bc36bd4d9f482e9dbb6c50aa914507.png

 

 

 新闻网html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title></title>
</head>
<link rel="stylesheet" href="../css/css.css">
<link rel="stylesheet" href="../css/iconfont.css">
<script type="text/javascript" src="../js/tools.js"></script>
<script type="text/javascript" src="../js/lbt.js"></script>

<body>

    <div class="bigtitle" class="navbar-brand" id="logo">新闻网</div>
    <div class="daohanlan">
        <ul class="nvlist">
            <li>
                <div>
                    <span class="menuSpan">新闻首页</span>
                    <div class="shouye">
        
                        <div id="outer">
                            <ul id="imglist">
                                <li ><img  src="../img/sy1.jpg" alt="" id="zpimg"></li>
                                <li ><img  src="../img/sy2.jpg" alt="" id="zpimg"></li>
                                <li ><img  src="../img/sy3.jpg" alt="" id="zpimg"></li>
                                <li ><img  src="../img/sy4.jpg" alt="" id="zpimg"></li>
                                <li ><img  src="../img/sy1.jpg" alt="" id="zpimg"></li>
                            </ul>
                            <div id="navdiv">
                                <a href="javascript:;" id="zpqlj"></a>
                                <a href="javascript:;" id="zpqlj"></a>
                                <a href="javascript:;" id="zpqlj"></a>
                                <a href="javascript:;" id="zpqlj"></a>
                                
                            </div>
                        </div>
                        <div class="sycon">
                            <div class="sycon1">
                                <p><h1><a href="https://www.chinanews.com.cn/gn/2022/12-20/9918038.shtml" class="zw" data-did="9918038" data-doctype="zw" target="_blank">青年学者:全球发展倡议为世界发展提供中国方案</a></h1></p>
                                <p><a href="https://www.chinanews.com.cn/gn/2022/12-19/9917698.shtml" class="zw" data-did="9917698" data-doctype="zw" target="_blank">构建数据基础制度体系 “数据二十条”来了</a></p>
                                <p><a href="https://www.chinanews.com.cn/gj/2022/12-19/9917726.shtml" class="zw" data-did="9917726" data-doctype="zw" target="_blank">“昆明-蒙特利尔全球生物多样性框架”通过</a></p>
                                <p><a href="https://www.chinanews.com.cn/sh/2022/12-20/9917786.shtml" class="zw" data-did="9917786" data-doctype="zw" target="_blank">严管身边人!这里给“一把手”家属上廉洁课</a></p>
                            </div>
                            <div class="sycon2">
                                <p><h1><a href="https://www.chinanews.com.cn/sh/2022/12-20/9918067.shtml" class="zw" data-did="9918067" data-doctype="zw" target="_blank">如何区分“复阳”和“二次感染”?</a></h1></p>
                                <p><a href="https://www.chinanews.com.cn/sh/2022/12-20/9917848.shtml" class="zw" data-did="9917848" data-doctype="zw" target="_blank">上千元的新冠印度仿制药卖断货?小心!别被骗了</a></p>
                                <p><a href="https://www.chinanews.com.cn/cj/2022/12-20/9917969.shtml" class="zw" data-did="9917969" data-doctype="zw" target="_blank">国家邮政局:将药品等防疫物资投递作为当前要事来抓</a></p>
                                <p><a href="https://www.chinanews.com.cn/cj/2022/12-20/9918019.shtml" class="zw" data-did="9918019" data-doctype="zw" target="_blank">金沙江白鹤滩水电站全部机组投产发电</a></p>
                            </div>
                            <div class="sycon3">
                                <p><h1><a href="https://www.chinanews.com.cn/gn/2022/12-20/9917944.shtml" class="zw" data-did="9917944" data-doctype="zw" target="_blank">中俄将举行“海上联合-2022”联合军事演习</a></h1></p>
                                <p><a href="https://www.chinanews.com.cn/gj/2022/12-20/9917980.shtml" class="zw" data-did="9917980" data-doctype="zw" target="_blank">五角大楼收到“数百份”UFO报告 能否证明存在外星生命</a></p>
                                <p><a href="https://www.chinanews.com.cn/shipin/spfts/20221219/4550.shtml" class="ptv" data-did="4550" data-doctype="splive" target="_blank">走进广西国际壮医医院 带您近距离了解壮医</a></p>
                                <p><a href="https://www.chinanews.com.cn/sh/2022/12-20/9917948.shtml" class="zw" data-did="9917948" data-doctype="zw" target="_blank">【寻味中华】广东煲仔饭:米粒上的美味诱惑</a></p>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </li>
            <li>
                <div class="collapsed">
                    <span class="menuSpan">国际新闻</span>
                    <div class="gjxw">
                        <div class="tyimg"><img src="../img/gj1.jfif" alt="">
                            <div class="img_tit"><h3><a href="https://www.163.com/news/article/HMEJ29S100018AOR.html">德新版对华战略草案曝光,中国学者:最终版本将是德国内各方博弈结果</a></h3></div>
                        </div>
                        <div class="tytt">
                            <ul class="tytt_ul">
                                <li class="tytt_frist"><h2><a href="https://www.163.com/news/article/HOUBJKUE00018AOR.html">俄考虑限制“赚大钱”外国粮商,建议让外企只参与20%粮食出口</a></h2></li>
                                <li><h3><a href="https://www.163.com/news/article/HMDIIEKP00018AOQ.html">分析APEC多边舞台上的重磅双边外交:中日首脑时隔近三年首次面对面会谈</a></h3></li>
                                <li><h3><a href="https://www.163.com/news/article/HLOSDDM200018AOQ.html">深度 印度外长访问莫斯科,顶住西方压力称要继续“买俄油”</a></h3></li>
                                <li><h3><a href="https://www.163.com/news/article/HJDTCLTL00018AOQ.html">上任仅14个月,为何马来西亚总理宣布解散国会?</a></h3></li>
                                <li><h3><a href="https://www.163.com/news/article/HH3HS6TO00018AOQ.html">深度 联大明天开幕,疫情以来首次重返线下,将有哪些看点?</a></h3></li>
                                <li><h3><a href="https://www.163.com/news/article/HF5U928G00018AP1.html">美媒:美国务院劝国会,将俄罗斯列为支恐国家会导致“严重问题”</a></h3></li>
                            </ul>
                        </div>
                        <div class="wrap">
                            <div class="content">
                                <ul>
                                    <li>
                                        <div class="left"><img src="../img/gj2.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HOIVPRLM00018AP2.html">深度 科索沃新一轮抗议不消停,俄乌冲突后又一个“火药桶”会爆吗?</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>科索沃|俄乌冲突|火药桶|5天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj3.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HOG9KRS500018AOR.html">时隔2年,真有超级抗体么?科学家们一直在寻找答案</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>抗体|科学家们|病毒|6天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj4.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HOFU9SLH00018AP2.html">打破多年惯例,普京取消年度记者会,背后有啥原因</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>普京|记者会|佩斯科夫|6天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj5.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HOBB4CH700018AP2.html">深度 拜登操办第二届美非峰会,想补齐对非外交这块拼图</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>拜登|美非|3天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj6.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HO9MNDND00018AOQ.html">打破美元霸权,中东打响“石油人民币”第一枪,多国为何加速“去美元化”?</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>石油|去美元化|18天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj7.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HNJAE21T00018AP2.html">“美国只剩委内瑞拉这张牌了”</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>委内瑞拉|美国|马杜罗|18天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/gj8.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/news/article/HN9R1N2E00018AOQ.html">中澳领导人会晤,他们“松了一口气”</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>领导人会晤|中澳|21天前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
        
                </div>
            </li>
            <li>
                <div class="collapsed">
                    <span class="menuSpan">娱乐新闻</span>
                    <div class="ylxw">
                        <div class="tyimg"><img src="../img/yl1.png" alt="" width="700px">
                            <div class="img_tit">
                                <h3>
                                    <a href="https://ent.163.com/photoview/00AJ0003/685571.html#p=HP14CU4H00AJ0003NOS">Rose穿大衣戴针织帽游丹麦 染金发气质清冷
                                    </a></h3>
                            </div>
                        </div>
                        <div class="tytt">
                            <ul class="tytt_ul">
                                <li class="tytt_frist"><h2><a href="https://www.163.com/dy/article/HOV6B7RJ0552LM9P.html">许凯曝恋情,网友称有迹可循!于正:一线男演员也是人</a></h2></li>
                                <li><h3><a href="https://www.163.com/dy/article/HOV330IR05521MK6.html">2022娱乐圈大瓜回顾:夫妻互撕,出轨家暴,个个毁三观</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HOUN899P0549B9YO.html">梅西妈妈找到儿子揽入怀中,安妞举动乔治娜学不来</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HOV5Q3D70512B07B.html">"阿凡达2"首周末战绩出炉,预期票房从30亿垮到10亿</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HOUBJF010541A1O8.html">马斯克亮相卡塔尔,和王子们看决赛,还有伊万卡丈夫</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HOVDBACJ0517AET9.html">黄磊老婆孙莉疑高龄怀四胎!肚大如球孕味十足</a></h3></li>
                            </ul>
                        </div>
                        <div class="wrap">
                            <div class="content">
                                <ul>
                                    <li>
                                        <div class="left"><img src="../img/yl2.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/ent/article/HP1A8UL900038FO9.html">陈妍希为儿子庆祝6岁生日 小星星正脸照软萌可爱</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl3.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/ent/article/HP1CROI600038FO9.html">谢娜卡点发文为张杰庆生 甜蜜表白"外南街1982杰"</a></h3>                                            </div>
            
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl4.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/ent/article/HP191OOE00038FO9.html">德普艾梅柏官司和解 德普方获赔100万美金将捐慈善</a></h3>                                
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl5.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/ent/article/HP18U71H00038FO9.html">电影版"想见你"定档12.24 柯佳嬿许光汉施柏宇回归</a></h3>                                            </div>
                                            
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl6.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HOV9HPRI0517U7JO.html">61岁刘德华素颜出镜头发花白,无实物表演哭戏逼真</a></h3>                                            </div>
                                            
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl7.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HOUID66F0517BIU3.html">何超莲回应与窦骁分手:有一起庆生的照片,持续甜蜜</a></h3>                                            </div>
                                            
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/yl8.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HOUQ1PS90517U7JO.html">贾乃亮确诊新冠,高烧3天症状严重,自称身上像火烧</a></h3>                                            </div>
                                            
                                        </div>
                                        <div class="right_bottom">
                                            <div class="right_bottom_left">
                                                <span>2小时前</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="collapsed">
                    <span class="menuSpan">社会新闻</span>
                    <div class="shxw">
                        <div class="tyimg"><img src="../img/sh1.jfif" alt="" width="700px" height="400px">
                            <div class="img_tit">
                                <h3>
                                    <a href="https://www.163.com/dy/article/HP0V8K6Q0514R9OM.html">广州疫情或明年1月上旬到高峰</a></h3>
                            </div>
                        </div>
                        <div class="tytt">
                            <ul class="tytt_ul">
                                <li class="tytt_frist"><h2><a href="https://gd.news.163.com/zhuhai/22/1219/12/HOUTHCUQ04179HV5.html" target="_blank">明天起执行!事关珠海退热药品供应、购买 </a></h2></li>
                                <li><h3><a href="https://gd.news.163.com/zhuhai/22/0609/09/H9DKJIAV04179HV5.html" target="_blank">【最新公告】珠海机场调整进港旅客最新疫情防控要求</a></h3></li>
                                <li><h3><a href="https://gd.news.163.com/zhuhai/22/0921/10/HHPJPLPK04179HV5.html" target="_blank">有补贴、有奖励、有资助……事关珠海残疾人就业创业</a></h3></li>
                                <li><h3><a href="https://gd.news.163.com/zhuhai/22/0711/11/HC08GGBE04179HV5.html" target="_blank">珠海金湾机场荣获2021年度民用机场服务质量评价“航</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HLJ4TM9G0514R9OJ.html" target="_blank">视频来了!直-20首次亮相珠海航展</a></h3></li>
                                <li><h3><a href="https://www.163.com/dy/article/HLIVL8ND05129QAF.html" target="_blank">珠海航展新鲜组图!“红鹰”飞行表演队进行检验性飞</a></h3></li>
                            </ul>
                        </div>
                        <div class="wrap">
                            <div class="content">
                                <ul>
                                    <li>
                                        <div class="left"><img src="../img/sh2.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://gd.news.163.com/foshan/22/1210/14/HO7UM1HJ04179HUN.html" target="_blank">新添“玩食(揾食)”好去处!第四届南海(桂城)国</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh3.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://gd.news.163.com/zhuhai/22/1208/17/HO36M6FJ04179HV5.html" target="_blank">要工作,更要健康!守护职业健康,香洲区卫生健康局</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh4.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://gd.news.163.com/zhuhai/22/1208/15/HO2VE42I04179HV5.html" target="_blank">大咖齐聚,原创首秀!珠海这场时尚盛宴明天开幕 </a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh5.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HNMS2FJK0553WLP6.html" target="_blank">直联明珠高铁站及拱北口岸,朗诗新城珠中同城社区巴</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh6.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HEJLQU9F0514CCTO.html" target="_blank">产业“进度条”再次刷新!珠海各区都在发力!</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh7.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://gd.news.163.com/zhuhai/22/0621/09/HACJV2JI04179HV5.html" target="_blank">新闻早茶|珠海市多家医院就诊要求有变化!这些防疫</a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/sh8.png" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://gd.news.163.com/zhuhai/22/0610/10/H9GB2VD704179HV5.html" target="_blank">新闻早茶|多码通扫!“粤核酸”升级 </a></h3>                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                    
                </div>
            </li>
            <li>
                <div class="collapsed">
                    <span class="menuSpan">体育赛事</span>
                    <div class="tyss">
                        <div class="tyimg"><img src="../img/ty1.jpg" alt="" width="700px" height="450px">
                            <div class="img_tit">
                                <h3>
                                    <a href="https://sports.163.com/photoview/SBUO0005/171351.html" target="_blank">终于圆梦!梅西率队捧起大力神杯</a></h3>
                            </div>
                        </div>
                        <div class="tytt">
                            <ul class="tytt_ul">
                                <li class="tytt_frist"><h2><a href="https://www.163.com/dy/article/HP0179U80529AQIE.html">回家了!梅西飞机上晒出与大力神杯合影</a></h2></li>
                                <li><h3><a href="https://sports.163.com/worldcup2022/data/live.html#/report/3718447">世界杯-阿根廷点球4-2总分7-5法国夺冠 梅西圆梦</a></h3></li>
                                <li><h3><a href="https://www.163.com/sports/article/HP13ASV900059D57.html">举国狂欢!阿根廷政府确认全国放假1天 庆祝夺冠</a></h3></li>
                                <li><h3><a href="https://www.163.com/sports/article/HOTSRENV00059D57.html">甜蜜一吻!梅西获本届世界杯金球奖 亲吻大力神杯</a></h3></li>
                                <li><h3><a href="https://www.163.com/sports/article/HOTR0HO100059D57.html">梦圆!35岁的梅西终捧大力神杯 球王之名正式加冕</a></h3></li>
                                <li><h3><a href="https://www.163.com/sports/article/HOULGRIF00059D57.html">震撼!梅西率阿根廷全队坐大巴巡游狂欢 欢呼声震耳欲聋</a></h3></li>
                            </ul>
                        </div>
                        <div class="wrap">
                            <div class="content">
                                <ul>
                                    <li>
                                        <div class="left"><img src="../img/ty2.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP17T1VU0529AQIE.html">2022/23赛季梅西的个人年终总结:世界杯+法超杯,29场24球18助</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|里奥梅西|世界杯|超级杯|1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty3.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP17T3720529AQIE.html">状态出色!富尔茨半场12中7&amp;三分3中2砍16分4板6助 第二节10分</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|魔术|老鹰|总冠军|1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty4.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP17G5MF0529AQIE.html">詹眉威缺阵!湖人先发:沃克、布朗、布莱恩特、贝弗利、施罗德</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|湖人|詹眉威|1小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty5.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP178VF30529AQIE.html">图片报:马拉多纳曾不看好斯卡洛尼,称让其执教阿根廷是疯了</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|卢卡西托|斯卡尼洛|图片报|2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty6.jfif" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/v/video/VKO3DNVCV.html">定格动画看完梅西圆梦之旅:梅球王一击中敌 法国卫冕破碎</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty7.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP178UM40529AQIE.html">崔万军:主力队员有伤病 年轻球员得到较长出场时间且表现不错</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|崔万军|cba|总冠军|2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                         
                                    <li>
                                        <div class="left"><img src="../img/ty8.jpg" alt=""></div>
                                        <div class="right">
                                            <div class="right_top">
                                                <h3><a href="https://www.163.com/dy/article/HP178U700529AQIE.html">上来就炸!瓦兰丘纳斯开场8中6包揽球队前15分</a></h3>
                                            </div>
                                            <div class="right_bottom">
                                                <div class="right_bottom_left">
                                                    <span>其他|雄鹿队|篮球队总冠军|2小时前</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </div>

                    </div>
                </div>
            </li>

        </ul>
    </div>

   
    

</body>

</html>

 新闻网css

    *{
        margin: 0;
        padding: 0;
    }
    body{
        background-color:#D3D3D3;
        
    }
    a{
        text-decoration: none;
        color: #404040;
    }
    a:hover{
        color: #F64747;
    }
    .bigtitle{
        font-size: 60px;
        letter-spacing: 100px;
        position: relative;
        left: 100px;
        top: 20px;

    }
    .daohanlan{
        list-style: none;
        position: absolute;
        background-color:transparent;
        height: 36px;
        width:1500px;
        font-family:"楷体";
        color: #404040;;
        font-size:36px;
        top: 120px; 
    }
    .nvlist{
        list-style: none;
        position: relative;
        text-align: center;
        line-height: 36px;
        
    }
    .nvlist span{
        display: block;
        margin: 0 65px;
        
       
    }
    .nvlist span:hover{
        text-shadow: 1px 1px 5px white;
        color: #F64747;
    }
    .collapsed{
        overflow: hidden;
        height: 36px;
        position: relative;
    }
    @keyframes xiala {
        from{
            height: 25px;
        }
        to{
            height: 400px;
        }
        
    }
    @keyframes xk
    {
        from {
            background-color: rgba(255, 255, 255, 0.582);
            box-shadow: 0px 0px 15px 2px rgb(190, 225, 255);
        }
        to {
            background-color: transparent;
            color:pink;
            box-shadow: 2px 2px 15px 2px rgb(245, 128, 225);
        }
    }
    /*首页 
     */
    .shouye{
        width: 95%;
        height: 500px;
        padding: 40px;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        left: 0;
        background-color: white;
        
    }

    .sytitle{
        position: absolute;
        left: 350px;
        top: 30px;
        font-size: 18px;
       
    }
    .sytitle h1{
        background: white;
        color: #404040;
    }
    .sycon{
        position: absolute;
        right: 50px;
        top: 100px;
        text-align: left;
        font-size: 20px;
        
    }
    .sycon h1{
        font-size: 25px;
    }
    .sycon1,.sycon2,.sycon3{
        margin-top: 10px;
        padding-top: 20px;
    }
   
    /* 相册列表 */
    #outer{
    width: 845px;
    height: 400px;
    overflow: hidden;
    margin-top: 15px;
    text-align: center;
    background-color: green;
    padding: 10px 0;
    position: absolute;
    top: 80px;
    left: 65px;
    z-index: 999;
    animation:xiala 3s 1,xk 3s infinite;
    }

    #imglist{
    list-style: none;
    /* 把ul的宽度变大,ul的宽度就是父元素的宽度,装下图片 */
    /*  width: 900px; */
    position: absolute;
    left: 0px;
    }
    #imglist img{
        width: 825px;
        height: 400px;
    }
    li{
        float: left;
        margin: 0 10px;
        list-style-type:none
    }
    #navdiv{
        position: absolute;
        bottom: 15px;
        /* 
        可以用outer盒子宽度300px减去导航盒子的宽度25*3然后除2
         */
         /* 最好left 不要写死,通过js去随时修改,left:112.5px */
         /*居中方法 
        left: 50%;
        transform: translateX(-50%); 
        */
        
    }
    #navdiv a{
        display: block;
        width: 15px;
        height: 15px;
        float: left;
        background-color: red;
        margin: 0 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);/* 兼容 */

    }
    #navdiv a:hover{
        text-decoration: none;
    }
    .gjxw{
        width: 95%;
        height: 800px;
        padding: 40px;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        left: 0;
        background-color: white;
    }
    .shxw{
        width: 95%;
        height: 800px;
        padding: 40px;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        left: 0;
        background-color: white;

    }
    .tyss{
        width: 95%;
        height: 800px;
        padding: 40px;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        left: 0;
        background-color: white;
    }
    .ylxw{
        width: 95%;
        height: 800px;
        padding: 40px;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        left: 0;
        background-color: white;

    }
    
    .tyimg{
        position: absolute;
        top: 53px;
        left: 150px;

    }

    .wrap{
        width: 500px;
        position: absolute;
        right: 100px;
    }
    .content ul li img:hover{
        transform: scale(1.2);/*当鼠标移动到图片上时实现放大功能*/
        transition: all 1s linear;
    }
    .tyimg img:hover{
        transform: scale(1.1);/*当鼠标移动到图片上时实现放大功能*/
        transition: all 1.5s linear;
        box-shadow: 5px 5px 0px 0px #bbb9b9;
    }
    .content ul li img{
        display: block;
        margin-top: 6px;
        margin-left: 6px;
    }
    .content ul li{
        height: 100px;
        overflow: hidden;
        border-bottom: 1px solid lavender;
        background: white;
        list-style-type: none;
        transition-duration: 0.5s;
        margin: 10px 10px 5px 0;

    }
    .content ul li:hover{
        background-color: lavender;
        transition-duration: 0.5s;
    }
    .content .left{
        overflow: hidden;/*隐藏溢出图片内容*/
        transition-duration: 0.5s;
        width: 140px;
        height:100px;
        /*background: green;*/
        float: left;
        margin-right:20px;
    }
    .content .right{
        width:500px ;
        /*background: pink;*/
    }
    .right_top{
        height:60px;
        text-align: left;
        font-size: 18px;
    }
    .right_bottom{
        position: relative;
        top: -15px;
    }
    .right_bottom_left{
        position:absolute;
        top: 20px;
        left: 100px;
    }
    .right_bottom_left span{
        color: darkgray;
        display: block;
        font-size: 12px;
    }
    .tytt{
        width: 800px;
        height: 400px;
        top: 400px;
        left: 100px;
        position: absolute;
        text-align: left;
    }
    .tytt_ul{
        position: absolute;
        top: 150px;
        left: 100px;

    }
    .tytt_ul li{
        padding-top: 15px;
    }
    .tytt_frist{
        font-size: 20px;

    }
    .tytt_ul h3{
        font-size: 20px;
    }
    .shxw .left img{
        width: 144px;
        height: 88px;
    }

    /* 国际新闻 */
    .gjxw .tytt{
        left: 30px;
    }
    .gjxw h2{
        line-height: 30px;
    }
    .gjxw .img_tit{
        position: absolute;
        z-index: 999;
        font-size: 25px;
        bottom: 100px;
    }
    .gjxw .img_tit a{
        color: aliceblue;
        opacity: 0.5;

    }
    /* 娱乐新闻 */
    .ylxw .img_tit{
        position: absolute;
        z-index: 999;
        font-size: 25px;
        bottom: 40px;
        left: 60px;
    }
    .ylxw .img_tit a{
        color: rgb(223, 16, 16);
        opacity: 0.8;

    }
    .ylxw .tytt_ul{
        position: absolute;
        top: 100px;
        left: 60px;

    }
    /* 社会新闻 */
    .shxw .img_tit{
        position: absolute;
        z-index: 999;
        font-size: 30px;
        bottom: 40px;
        left: 70px;
    }
    .shxw .img_tit a{
        color: rgb(0, 238, 255);
        opacity: 0.8;

    }
    /* 体育赛事 */
    .tyss .img_tit{
        position: absolute;
        z-index: 999;
        font-size: 30px;
        bottom: 40px;
        left: 70px;
    }
    .tyss .img_tit a{
        color: rgb(246, 255, 0);
        opacity: 0.8;

    }
    #logo {
        width: 500px;
        font-weight: 600;
        font-family: "黑体";
        color: #8c888b;
        background: -webkit-linear-gradient(45deg, #0c04f3, #f3df05, #f72004, #23f603, #3a6bb0);
        color: transparent;
        /*设置字体颜色透明*/
        -webkit-background-clip: text;
        /*背景裁剪为文本形式*/
        animation: ran 10s linear infinite;
        /*动态10s展示*/
    }

    @keyframes ran {
        from {
            backgroud-position: 0 0;
        }
        to {
            background-position: 2000px 0;
        }
    }

    


 新闻网轮播图的js

window.onload=function(){
        
    /* 导航栏 -----------------------------------------*/
    var menuSpan=document.querySelectorAll(".menuSpan");
    var opendiv=menuSpan[0].parentNode
    for(var i=0;i<menuSpan.length;i++){
        menuSpan[i].onclick=function(){
            var presentDiv=this.parentNode;
            toggleClass(presentDiv,"collapsed")
                if(opendiv!=presentDiv&&!hasClass(opendiv,"collapsed")){
                toggleClass(opendiv,"collapsed")
            }
               opendiv=presentDiv;
        
    }

    }

    /* 相册列表 ----------------------------------------*/

    //imglist的宽度不能写死,根据图片数量来确定宽度
    var imglist=document.getElementById("imglist")
    //获取图片数量
    var img=document.querySelectorAll("#zpimg")

    imglist.style.width=845*img.length+"px"
  
    var outer=document.getElementById("outer")
    
    var navdiv=document.getElementById("navdiv")
    //或者navdiv.style.left=(parseInt(getComputedStyle(outer,null).width)-parseInt(getComputedStyle(navdiv,null).width))/2+"px"
    navdiv.style.left=(outer.offsetWidth-navdiv.offsetWidth)/2+"px"
    
    //设置超链接默认样式
    var alla=document.getElementsByTagName("a")
    //默认图片索引
    var index=0

    var timer
    //默认选择效果
    alla[index].style.backgroundColor="black"

    //自动切换
    autochange();
    /* 
    点击切换
     */
    //为所有a绑定单击响应函数
    for(var i=0;i<alla.length;i++){
        
        //为每个超链接添加序号
        alla[i].num=i
        alla[i].onclick=function(){
            //关闭自动切换定时器
            clearInterval(timer)

            index=this.num
            //imglist.style.left=index*-300+"px"
            seta();
            move(imglist,"left",(-845*index),20,function(){
                autochange();

    })
        }
    }
    //创建一个方法设置选择的a
    function seta(){
        if(index>=img.length-1){
                index=0
                imglist.style.left=0+"px"
            
        }
        for(var i=0;i<alla.length;i++){
            
            //遍历全部a,变为红色
            /* 
            这里把颜色设置为空串,是因为要是设置red就会变为内联
            内联优先级大于hover,导致hover失效,设置空串就用到style里面的样式
            优先级不会改变
            */
            alla[i].style.backgroundColor=""
            //再把选定的a设置为黑色
            alla[index].style.backgroundColor="black";

        }

    }

    //自动切换函数
    function autochange(){
        //开启定时器
        timer=setInterval(function(){
            index++
            index%=img.length
            move(imglist,"left",(-845*index),10,function(){

                seta();})
        
        
        },3000)
    }




}

新闻网其他js(主要是首页切换与隐藏页面)

function getstyle(obj,name){
    if(window.getComputedStyle){
        return getComputedStyle(obj,null)[name]
    }else{
        return obj.currentStyle[name]
    }
}
function move(obj,attr,taget,speed,callback){
    clearInterval(obj.timer)
    var current=parseInt(getstyle(obj,attr))
    if(current>taget){
        speed=-speed
    }
    obj.timer=setInterval(function(){
        var old=parseInt(getstyle(obj,attr))
        var newv=old+speed
        
        if(speed>0&&newv>taget||newv<taget&&speed<0){
           newv=taget
       }
        obj.style[attr]=newv+"px" 
       /*  //或者写为
        box1.style.left= box1.offsetLeft+num+"px"
        if((box1.offsetLeft+num)>800){
            box1.style.left=800+"px"

        }
         */
        if(newv==taget){
            clearInterval(obj.timer);
            callback();
           
            
        }
        
       
        
    },10)

}
function addClass(obj,cn){
    if(!hasClass(obj,cn)){
        obj.className=obj.className+" "+cn
    }

}

/* 判断obj中有没有cn,利用正则 */
function hasClass(obj,cn){
    
    //var reg=/\bb2\b/;
    /* \b单词边界 */
    /* 需要动态生成正则就用用到构造函数 
    寻找到cn
    */
    var reg=new RegExp("\\b"+cn+"\\b")
    return reg.test(obj.className) 

}
/* 删除元素指定样式 */
function removeClass(obj,cn){
    /* 寻找到cn */
    var reg=new RegExp("\\b"+cn+"\\b")
    /* 替换成为空串 */
    obj.className=obj.className.replace(reg,"")


}
/* toggleClass可以切换一个类
如果元素有就删除
没有就添加
*/
function toggleClass(obj,cn){
   if(hasClass(obj,cn)){
       removeClass(obj,cn);

   }else{
       addClass(obj,cn);    
}
//addClass(box,"b2")
//removeClass(box,"b1")
}

文件这样放哦

5d35cccc46d5482aa60d4ec66f8d0a8b.png

 

所需图片资源已上传主页资源,不需要积分即可下载

好了,完结撒花

 

HTML+CSS+JS网页设计期末课程大作业 京剧文化水墨风书画 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为。 阅读详情

相关推荐

【Web前端大作业】基于HTML+CSS+JavaScript制作西北大学新闻网站(7页)

🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语

qq_38512570的博客 318

如何用HTML写一个新闻页面?(详细教程)

新浪新闻页面基本把常见的html和css网页制作的内容都包含了,非常适合新手小白用来练手,后续我会继续分享我的学习笔记与具体案例,欢迎各位大神批评指正。

sjdjjdkd的博客 2082

《前端框架开发技术》HTML+CSS+JavaScript 制作个人简历简单个人主页

F

qq_524614081的博客 2823

使用HTML制作简单的新闻页面

这次我们学习的是如何使用HTML制作简单的新闻页面 完成效果如下图所示: 进行效果分析 制作结构 首先打开dw 创新文件夹(前面已经讲过了) 将所要展示的文字输入在<body>标签内 水平线用<hr> 添加样式 补充一点文本格式化标签,有如下几种标签:(HTML属性的定义形式“属性=“属性值””) 然后要对字体颜色大小进行修改 利用<h2 align=”center”>使得标题和时间居中 利用HTML的文本样式标签<font&.

xxiLz_的博客 1万+

Node.js毕业设计基于的新闻网站(Express+附源码)

基于此,本毕业设计题目旨在开发一款基于HTML、CSS、JavaScript、Vue、Node.js、Express和MySQL5.7技术的新闻网站系统,以满足现代人们对新闻信息的需求,同时为新闻行业提供一个高效、便捷的数字化传播平台。此外,该新闻网站系统还将为用户提供个性化的新闻推荐服务,满足不同用户的阅读需求。在开发工具方面,VSCode是一款轻量级、高效的代码编辑器,适用于多种编程语言的开发,而Navicat则是一款功能强大的数据库管理工具,可以方便地对MySQL数据库进行管理和操作。

Django毕设程序杰哥 1019

基于HTML5、CSS与JS的响应式新闻网站模板实战

虽然原生 CSS 已支持(即 CSS Variables),但在大型项目中,使用 SCSS/Sass 仍具优势:编译时处理、嵌套结构清晰、函数复用能力强。假设某新闻站主色调为深蓝(#1a365d),辅以橙红强调色(#e53e3e),可通过 SCSS 建立颜色系统:// 应用于组件.header {扩展性说明darken()是 Sass 内置函数,可在基础色上自动计算更暗版本,适合生成渐变或阴影效果。

weixin_26805451的博客 943

如何用HTML写一个新闻页面(列表标签)

在此基础上可以加上对应新闻的图片和视频等,让其更加的丰富,还可以加上一些超链接,让其进行跳转,同时也可以对它进行布局,让它更加的美观。

ganli_lin的博客 4139

Simulink模块库介绍(一)——信号源模块

Simulink模块库介绍(一)——信号源模块库目录Clock模块Digital Clock模块Band-Limited White Noise模块 目录 simulink模块库中提供了丰富的信号源模块组。逐一介绍,算是对之前做个总结吧 Clock模块 通过时钟模块,输出的时间作为判断呢,如下图,前2s之前为高斯白噪声,后2s为正弦曲线,共计10s。 Digital Clock模块 数字时钟模块主要用于离散系统的计时,sample time表示采用时间,如下图:分别是1s和0.5s的采样时间 Band-

5万+

使用dreamweaver制作采用DIV+CSS进行布局【我的家乡主题网站制作】

📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。📘网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。📒网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件

HTML网页设计 专注大学生网页设计 352

跟着Cell学单细胞转录组分析(五):单细胞转录组marker基因鉴定及细胞群注释

书接上回(跟着Cell学单细胞转录组分析(四):单细胞转录组测序UMAP降维聚类)。完成数据降维和细胞聚类后,最主要的环节和工作就是确定各个细胞群,明确是什么类型的细胞,正群的细胞定群很关键,涉及到整个研究,所以这一步宁愿多费时间,也不要出错。当然,这也不是一蹴而就的,需要反复的确认。 要确定各个群是什么细胞,首先需要了解细胞群的marker基因,因为不同类型的细胞突出 表达的基因也是不同的。这里使用FindAllMarkers鉴定各个细胞群的高表达基因。 DefaultAssay(scedata)

qq_42090739的博客 1万+

即插即用!5分钟为你的SNN模型添加频谱注意力(DCT-SA模块实战)

本文介绍了如何为脉冲神经网络(SNN)快速集成即插即用的DCT-SA频谱注意力模块。该模块利用离散余弦变换(DCT)在频率域自适应加权特征,能有效提升模型对纹理、边缘的感知能力,并在CIFAR10-DVS等数据集上实现分类精度提升与脉冲发放率下降。文章以SpikingJelly框架和ResNet19为例,提供了详细的代码实现、集成步骤及参数调优实战指南。

kotlin6android的博客 604

Java实现新闻发布系统:简化新闻管理的有力工具

Java实现新闻发布系统:简化新闻管理的有力工具 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 随着互联网的快速发展,新闻发布已成为许多企业和组织不可或缺的需求。今天,我们为您推荐一款基于Java语言的新闻发布系统。此系统提供了一整套完整的功能,从前端页面设计到后端逻辑处理,再到数据库管理,全都涵盖其中。无论是用于教学实践,还是作为学习研究的工具,它都将是一个出色的选...

gitblog_06767的博客 362

基于vue2的echarts3D地球

采用vue2+js实现了echarts3D地球的放大、缩小和旋转

qq_44699269的博客 1129

Web前端期末大作业-公司企业服务网站设计(HTML+CSS+JS)

????作者:计算机编程-吉哥 ????简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 ????心愿:点赞 ???? 收藏 ⭐评论???? ????文末获取源码联系 效果展示: 部分代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" conte

weixin_19164791635 1163

中国 it 集成商 主要有哪些 主要做什么工作

既要懂技术(云计算/AI),又要吃透行业(金融/政务)。:用国产化方案(麒麟OS+达梦数据库)替换Oracle/Windows。:如为银行搭建数据中心(采购华为服务器+思科交换机)。:数据中心监控、故障处理(如华胜天成服务国家电网)。:核心交易系统(如中科软为保险公司开发精算平台)。:智慧城市(如太极股份承建“一网通办”政务平台)。:HIS医院信息系统(如东华软件的电子病历系统)。:硬件透明化(如服务器价格战)压缩集成毛利。:工厂设备联网(新华三的工业互联网平台)。

hxsln11的博客 3018

BevFusion (5):逐行代码详解

论文中给出了Bevfusion的架构图,它的输入是多视角的相机和点云图,经过两个特定的head,分别用于做检测任务和分割任务。图1 Bevfusion 结构图Bevfusion因为有两个模态的输入:多视角相机和点云,所以对应两个分支:相机分支和点云分支。相机分支:输入6个视角的图片后,提取特征,然后经VT(View Transformer)转换之后得到相机的Bev特征。激光雷达分支:输入点云数据,经过Encoder编码得到体素化Lidar特征,然后沿z方向展平,得到Lidar Bev特征。

@bangbang的博客 3702

大学生HTML期末大作业——HTML+CSS+JavaScript个人网站

HTML+CSS+JS【个人网站】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

... 4629

【微电网优化】基于粒子群求解CHP机组、气网、电网、储热罐和电锅炉微电网优化模型附matlab代码

1 简介 我国风力发电近年发展迅速,装机容量已成为全球首位.随着风力发电在电力系统中的渗透率不断提高,我国多个地区(尤其是"三北"地区)已经面临着十分严峻的风电消纳问题,产生不容忽视的弃风问题.针对目前我国风电消纳存在的困难,本文提出粒子群优化CHP机组、气网、电网、储热罐和电锅炉微电网控制策略. 2 部分代码 Ppv=[0;0;0;0;0;0;9.86000000000000;19.0100000000000;33.1000000000000;45.0700000000000;64.7900000

qq_59747472的博客 664

基于HTML个人博客网站项目的设计与实现——个人博客作品展示6页 HTML+CSS

网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客设计制作 | 等网站的设计与制作 | 大学生个人HTML网页设计作品 | HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为。

qq_524614081的博客 6479

基于ZYNQ PL的AD7606数据采集与FFT实时频谱分析:从硬件到创新实现

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kKnmpgJm-1750295287594)(https://example.com/fft_plot.png)]本文涉及代码已在Xilinx ZCU102开发板与AD7606评估板上验证通过,采样率支持200KSPS@8通道,FFT计算延迟<1ms。传统MCU+DSP方案难以兼顾速度与功耗,而ZYNQ的PL+PS架构为这一问题提供了完美解决方案。本文实现的ZYNQ PL方案突破了传统处理器的性能瓶颈,通过。

QQ_778132974的博客 331

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

基于Html+Css+javascript的体育网站

加粗样式## 1.前端三门技术 学习Web前端技术需要掌握三门基本技术:HTML,CSS,JavaScript: HTML:HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文件、图片、视频等 CSS:CSS样式是表现,就像网页的外衣比字体、颜色变化等 JavaScript:JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等 本次项目主要是介绍体育主题,使用html+css+javascript来制作网站,实现项目的效果; inde

weixin_46820017的博客 2万+

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

HTML5期末大作业:篮球网站设计(6个页面) HTML+CSS+JavaScript

HTML5期末大作业:篮球网站设计(6个页面) HTML+CSS+JavaScript 体育网页HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。 作品介绍 1.网页

七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款 1万+

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

[前端] html+css+javascript 实现选项卡切换效果

用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一些新闻门户网站上的常见选项卡效果:文字素材: 房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋大改造 美少女的混搭小窝 经典清新简

童凌的技术博客 4万+

HTML期末大作业~基于HTML+CSS+JavaScript 牛排美食餐饮网站设计与实现(6个页面)

HTML期末大作业~基于HTML+CSS+JavaScript 牛排美食餐饮网站设计与实现 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 :贵族食代(饮食/餐饮)HTML网站模板。喜欢的可以下载

七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款 4116

HTML5期末大作业:游戏网站设计与实现——基于bootstrap响应式游戏资讯网站制作HTML+CSS+JavaScript

🎮游戏官网、⛹️游戏网站、🕹️电竞游戏、🎴游戏介绍、等网站的设计与制作。⭐ 网页中包含:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保...

html精品源码 2009
上一篇: html模拟聊天框实现,仅用html,css,js实现
下一篇: 导航栏切换内容,点击切换到对应的内容,html,css,js实现
至尊鸡
博客等级 码龄4年 211粉丝 63原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值