这篇文章主要介绍“怎么用jQuery+html+css实现王者荣耀官网首页效果”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“怎么用jQuery+html+css实现王者荣耀官网首页效果”文章能帮助大家解决问题。

访问地址

reset.css

/***EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)*http://cssreset.com*/html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,h7,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}/*custom*/a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden;}::-webkit-scrollbar{width:5px;height:5px;}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px;}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px;}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px;}html,body{width:100%;font-family:"Arial","MicrosoftYaHei","黑体","宋体","微软雅黑",sans-serif;}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}html{overflow-y:scroll;}

index.css

a{display:block;text-decoration:none;}.main_container{width:1200px;margin:0auto;}#index{position:relative;min-width:max-content;}#index.ost_box{position:relative;height:41px;}#index.ost_box.ost_box_container{padding:05px;box-sizing:border-box;width:980px;height:100%;display:flex;justify-content:space-between;margin:0auto;}#index.ost_box.ost_box_container.ost_left{width:380px;height:100%;display:flex;}#index.ost_box.ost_box_container.ost_left.l_item_1{height:41px;width:150px;z-index:999;}#index.ost_box.ost_box_container.ost_left.l_item_2{height:41px;width:230px;}#index.ost_box.ost_box_container.ost_right{width:300px;height:41px;display:flex;justify-content:end;}#index.ost_box.ost_box_container.ost_right.r_item_1{margin-right:20px;}#index.ost_box.ost_box_container.ost_right.r_item_1h4{position:relative;}#index.ost_box.ost_box_container.ost_right.r_item_1h4a{width:88px;height:41px;font-size:14px;line-height:41px;color:#464646;padding-left:30px;}#index.ost_box.ost_box_container.ost_right.r_item_1h4a:hover{color:red;}#index.ost_box.ost_box_container.ost_right.r_item_1h4::before{content:"";background:url(../icon/title_sprite.png);background-position:-30px0;width:30px;height:30px;top:5px;left:5px;position:absolute;}#index.ost_box.ost_box_container.ost_right.r_item_2h4{position:relative;}#index.ost_box.ost_box_container.ost_right.r_item_2h4a{width:127px;height:41px;padding-right:25px;box-sizing:border-box;font-size:14px;line-height:41px;color:#464646;}#index.ost_box.ost_box_container.ost_right.r_item_2h4::before{content:"";background:url(../icon/title_sprite.png);background-position:00;width:30px;height:30px;top:5px;right:3px;position:absolute;opacity:0.1;transform:rotate(90deg);}#index.ost_box.ost_box_container.ost_right.ost_pop{width:700px;height:360px;position:absolute;background-color:#fafafa;right:280px;z-index:99;top:41px;display:none;}#index.ost_box.ost_d{width:976px;height:189px;position:absolute;z-index:1;left:282px;top:0px;display:none;}#index.ost_box.ost_daimg{width:970px;aspect-ratio:auto970/185;height:185px;}#index.banner{position:relative;width:100%;min-width:1300px;height:1100px;background:url(../img/bg.png)no-repeat;background-position:centertop;}#index.banner.header{position:absolute;top:0px;width:100%;height:84px;background-color:rgba(0,0,0,0.8);}#index.banner.header.h_container{width:1300px;height:100%;margin:0auto;position:relative;}#index.banner.header.h_container.logo{position:absolute;top:16px;left:0px;width:230px;height:54px;}#index.banner.header.h_container.logoaimg{width:200px;height:100%;}#index.banner.header.h_container.nav{width:843px;height:84px;margin:0auto;display:flex;justify-content:space-between;}#index.banner.header.h_container.navli{width:115px;height:84px;padding-top:20px;box-sizing:border-box;}#index.banner.header.h_container.navlia{width:100%;font-size:18px;line-height:30px;color:#c9c9dd;text-align:center;}#index.banner.header.h_container.navliaem{display:block;padding-top:5px;transform:scale(0.95);font-size:12px;line-height:16px;color:#858792;}#index.banner.header.h_container.navli:last-child{padding-top:0px;width:38px;}#index.banner.header.h_container.navli:last-childa{width:27px;height:26px;background:url(../icon/nav_search.png);margin:29pxauto0;padding:0;}#index.banner.header.h_container.nav.h_active{background:url(../img/index.png)no-repeat;display:inline-block;}#index.banner.header.h_container.nav.h_active.f_active{color:#d9ad50;}#index.banner.header.h_container.search{position:absolute;top:21px;right:0;width:182px;height:44.8px;}#index.banner.header.h_container.searchimg{position:relative;border:1pxsolid#d9ad50;border-radius:42px;}#index.banner.header.h_container.search.unlogin_info{position:absolute;right:0px;top:6px;width:130px;height:44.8px;display:flex;flex-direction:column;}#index.banner.header.h_container.search.unlogin_infoa:first-child{width:130px;font-size:16px;color:#fff;margin-bottom:3px;}#index.banner.header.h_container.search.unlogin_infoa:last-child{width:130px;font-size:14px;color:#858792;line-height:21px;}#index.banner.J_subNav{position:absolute;top:83px;width:100%;height:285px;box-sizing:border-box;background-color:rgba(0,0,0,0.7);overflow:hidden;display:none;}#index.banner.J_subNav.sub_container{width:890px;height:240px;margin:0auto;margin-top:15px;margin-bottom:30px;padding-left:50px;box-sizing:border-box;display:flex;justify-content:space-between;}#index.banner.J_subNav.sub_container.down-nav{width:115px;height:100%;padding:02.5px;box-sizing:border-box;font-size:0px;}#index.banner.J_subNav.sub_container.down-nava{text-align:center;height:30px;line-height:30px;padding:0;font-size:14px;color:#c9c9dd;}#index.banner.J_subNav.sub_container.down-navai{overflow:hidden;display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../img/index.png)no-repeat;}#index.banner.J_subNav.sub_container.down-nava.icon-fans{background-position:-137px-68px;}#index.banner.J_subNav.sub_container.down-nava.icon-guard{background-position:-136px-5px;}#index.banner.J_subNav.sub_container.down-nava:hover{color:#d9ad50;text-decoration:underline;}#index.banner.J_subNav.sub_container.down-nav:nth-child(6)ai{width:22px;height:22px;}#index.banner.kv_link{width:1200px;height:440px;margin:0auto;}#index.r_nav{pointer-events:none;position:fixed;z-index:3;top:50%;right:0;margin-top:-240px;width:254px;height:494px;background:url(../img/r_navBg.png)no-repeattopleft;}#index.r_nav.r_dj{position:absolute;top:15px;left:24px;z-index:2;width:165px;height:145px;background:url(../img/r_dj.png)no-repeattopcenter;}#index.r_nav.r_djspan{display:block;position:absolute;top:37px;left:12px;width:88px;height:36px;font-size:14px;text-indent:2px;font-weight:bold;line-height:18px;color:#62401b;overflow:hidden;}#index.r_nav.r_con{pointer-events:auto;position:absolute;top:160px;left:85px;}#index.r_nav.r_conli:nth-child(n+2){width:117px;height:38px;margin-top:1px;position:relative;background:url(../img/r_all.png)no-repeat;}#index.r_nav.r_conli:nth-child(n+2).r_child{padding-top:7px;position:absolute;width:115px;height:151px;top:-66px;left:-116px;background-color:rgba(0,0,0,0.8);display:none;}#index.r_nav.r_conli:nth-child(n+2).r_childimg{width:101px;height:100px;display:block;margin:0auto;margin-bottom:6px;border-radius:2px2px2px2px;}#index.r_nav.r_conli:nth-child(n+2).r_childp{height:34px;line-height:17px;color:#dcdcdc;font-size:10px;text-align:center;overflow:hidden;}#index.r_nav.r_conli:nth-child(n+2).r_childpspan{font-size:12px;text-align:center;line-height:17px;color:#cd974b;}#index.r_nav.r_conli:hover.r_child{display:block;}#index.r_nav.r_con.r_code{position:relative;width:117px;height:113px;background:url(../img/r_all.png)no-repeat0-3px;padding-top:3px;}#index.r_nav.r_con.r_codeimg{display:block;margin:0auto;border-radius:2px;width:110px;height:110px;}#index.r_nav.r_con.r_burst{background-position:-122px-120px!important;}#index.r_nav.r_con.r_burst:hover{background-position:-122px-240px!important;}#index.r_nav.r_con.wechat{background-position:-122px-160px!important;}#index.r_nav.r_con.wechat:hover{background-position:-122px-200px!important;}#index.r_nav.r_con.r_wc_sph{background-position:-122px0!important;}#index.r_nav.r_con.r_wc_sph:hover{background-position:-122px-42px!important;}#index.wrapper{position:absolute;left:0;top:584px;right:0;bottom:0;margin:auto;}#index.wrapper.main_top{height:342px;margin:0auto;}#index.wrapper.main_top.main_container{display:flex;height:100%;}#index.wrapper.main_top.main_container.rotate{width:605px;height:100%;overflow:hidden;position:relative;}#index.wrapper.main_top.main_container.rotate.swiper_container{width:600%;height:100%;display:flex;justify-content:space-between;position:absolute;}#index.wrapper.main_top.main_container.rotate.swiper_containerli{width:605px;height:100%;}#index.wrapper.main_top.main_container.rotate.swiper_containerlia{height:100%;}#index.wrapper.main_top.main_container.rotate.swiper_containerliaimg{height:100%;width:100%;}#index.wrapper.main_top.main_container.rotate.adBtn{position:absolute;width:100%;height:44px;display:flex;bottom:0px;z-index:90;background-color:#262626;}#index.wrapper.main_top.main_container.rotate.adBtna{flex-grow:1;height:100%;line-height:44px;color:#b1b2be;font-size:14px;text-align:center;cursor:pointer;}#index.wrapper.main_top.main_container.rotate.adBtn.on{background-color:rgba(255,255,255,0.15);color:#d9ad50;}#index.wrapper.main_top.main_container.news_center{position:relative;width:359px;height:100%;background-color:#252731;display:flex;justify-content:space-between;overflow:hidden;}#index.wrapper.main_top.main_container.news_center.new_top{width:260px;height:49px;display:flex;}#index.wrapper.main_top.main_container.news_center.new_topli{width:52px;height:100%;color:#b8b9c5;font-size:14px;line-height:49px;text-align:center;}#index.wrapper.main_top.main_container.news_center.new_top.on{color:#f3c258;border-bottom:3pxsolid#f3c258;}#index.wrapper.main_top.main_container.news_centera{width:52px;height:20px;margin-top:10px;}#index.wrapper.main_top.main_container.news_center.new_center_container{width:1795px;top:49px;height:293px;position:absolute;display:flex;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_item{width:359px;height:100%;padding:017px;box-sizing:border-box;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_item.line-sp{margin-top:18px;padding:015px;box-sizing:border-box;height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:top;color:#f3c258;background-color:#414046;font-size:18px;line-height:36px;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli{width:100%;margin-bottom:11px;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2){cursor:pointer;position:relative;height:20.8px;color:#b8b9c5;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2).news-type{color:#f3c258;border:1pxsolidcurrentColor;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2).hot-type{color:red;border:1pxsolidcurrentColor;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2).message-type{color:#1e96ab;border:1pxsolidcurrentColor;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2).type{margin-right:5px;font-size:12px;display:inline-block;line-height:16px;vertical-align:top;margin-top:2px;width:32px;text-align:center;border-radius:2px;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2).news-title{width:230px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:top;color:#b8b9c5;font-size:14px;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:nth-child(n+2)em{position:absolute;right:0px;font-size:12px;color:#999;}#index.wrapper.main_top.main_container.news_center.new_center_container.new_itemli:last-child{margin-bottom:0px;}#index.wrapper.main_top.main_container.download_pannel{width:236px;height:100%;display:flex;flex-direction:column;}#index.wrapper.main_top.main_container.download_pannela{cursor:pointer;width:236px;background:url("../img/index.png")no-repeat;}#index.wrapper.main_top.main_container.download_pannel.download_btn{height:128px;background-position:0-219px;}#index.wrapper.main_top.main_container.download_pannel.guard_btn{height:106px;background-position:0-350px;}#index.wrapper.main_top.main_container.download_pannel.tiyan_btn{height:108px;background-position:0-461px;}#index.wrapper.quick_entrance{margin-top:28px;margin-bottom:34px;}#index.wrapper.quick_entrance.main_container{display:flex;}#index.wrapper.quick_entrance.main_containera{width:291px;height:134px;margin-right:12px;overflow:hidden;}#index.wrapper.quick_entrance.main_containeraimg{width:100%;height:100%;}#index.wrapper.quick_entrance.main_containeraimg:hover{transform:scale(1.2);transition:transform0.4sease;}#index.wrapper.quick_entrance.main_containera:last-child{margin-right:0;}#index.wrapper.main_item{margin-bottom:28px;}#index.wrapper.main_item.main_container{display:flex;justify-content:space-between;}#index.wrapper.main_item.main_container.strategy_center{width:872px;margin-right:33px;}#index.wrapper.main_item.main_container.strategy_center.item_header{position:relative;margin-bottom:16px;}#index.wrapper.main_item.main_container.strategy_center.item_header.item_title{font-size:22px;line-height:25px;text-indent:33px;font-weight:600;letter-spacing:1px;display:inline-block;background:url(../img/index.png)no-repeat;}#index.wrapper.main_item.main_container.strategy_center.item_header.content{background-position:0-106px;}#index.wrapper.main_item.main_container.strategy_center.item_header.saishi{background-position:0-184px;}#index.wrapper.main_item.main_container.strategy_center.item_header.more_btn{width:28px;line-height:20.8px;background:url(../img/index.png)no-repeat-252px4px;position:absolute;top:0;right:0;padding-left:22px;color:#999;font-size:14px;}#index.wrapper.main_item.main_container.strategy_center.item_subnav{height:32px;background-color:#f5f5f5;margin-bottom:5px;display:flex;justify-content:space-between;}#index.wrapper.main_item.main_container.strategy_center.item_subnav.split{width:1px;height:20px;overflow:hidden;float:left;background:#e1e1e1;margin:5px00px;}#index.wrapper.main_item.main_container.strategy_center.item_subnava{flex-grow:1;display:block;float:left;font-size:14px;color:#999;text-align:center;border-bottom:3pxsolid#f5f5f5;line-height:29px;}#index.wrapper.main_item.main_container.strategy_center.item_subnav.on{border-bottom:3pxsolid#f3c258;color:#333333;}#index.wrapper.main_item.main_container.strategy_center.title{height:26px;padding-top:8px;padding-bottom:9px;}#index.wrapper.main_item.main_container.strategy_center.titlea{height:24px;line-height:24px;padding:013px08px;border:1pxsolid#e5e5e5;border-radius:10px;background:#f5f5f5;font-size:14px;color:#333;margin-right:8px;display:block;float:left;}#index.wrapper.main_item.main_container.strategy_center.title.on{border-color:#f3c258;background:#f3c258;color:#fff;}#index.wrapper.main_item.main_container.strategy_center.match_news{margin-top:14px;height:260px;margin-bottom:15px;display:flex;justify-content:space-between;}#index.wrapper.main_item.main_container.strategy_center.match_news.match_news_pic{width:211px;height:260px;}#index.wrapper.main_item.main_container.strategy_center.match_news.match_news_picimg{width:100%;height:100%;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-list{width:630px;height:260px;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-list.line-sp{background:none;width:577px;margin:0;padding:0;height:66px;line-height:32px;text-align:center;font-size:28px;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-listli:nth-child(n+2){position:relative;width:630px;height:23px;margin-bottom:9px;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-listli:nth-child(n+2).fl{font-size:12px;display:block;width:48px;height:19px;line-height:19px;margin-right:12px;background:#e3e3e3;border-radius:10px;border:2pxsolid#e3e3e3;text-align:center;color:#999999;text-indent:2px;float:left;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-listli:nth-child(n+2)a{width:470px;height:20.8px;line-height:20.8px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;float:left;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-listli:nth-child(n+2)em{font-size:12px;color:#b8b9c5;float:right;}#index.wrapper.main_item.main_container.strategy_center.match_news.news-listli:last-child{margin-bottom:0px;}#index.wrapper.main_item.main_container.strategy_center.video_list{height:410px;display:flex;justify-content:space-between;flex-wrap:wrap;}#index.wrapper.main_item.main_container.strategy_center.video_listli{width:209px;height:175px;margin-right:12px;margin-bottom:30px;}#index.wrapper.main_item.main_container.strategy_center.video_listli:nth-child(4n){margin-right:0px;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video{width:100%;height:125px;position:relative;}#index.wrapper.main_item.main_container.strategy_center.video_listli.videoimg{width:100%;height:100%;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video.play-bar{width:100%;height:22px;line-height:22px;padding:0px10px;box-sizing:border-box;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.6);color:#fff;font-size:12px;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video.play-bar.ico-play{padding-left:15px;background:url(../img/index.png)no-repeat;background-position:-256px-59px;display:inline-block;height:22px;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video.play-bar.fr{height:22px;float:right;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video.mask{width:209px;height:125px;position:absolute;top:0;left:0;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video.mask.mask-play-ico{background:url("../img/index.png")no-repeat;width:40px;height:40px;display:block;margin:40pxauto0;background-position:-192px-64px;opacity:0;}#index.wrapper.main_item.main_container.strategy_center.video_listli.video-tit{display:block;height:40px;overflow:hidden;color:#333333;margin-top:10px;font-size:14px;line-height:21px;}#index.wrapper.main_item.main_container.strategy_center.video_listli:hover.video.mask{background-color:rgba(0,0,0,0.6);}#index.wrapper.main_item.main_container.strategy_center.video_listli:hover.video.mask.mask-play-ico{opacity:1;}#index.wrapper.main_item.main_container.skin_center{width:295px;height:528px;overflow:hidden;}#index.wrapper.main_item.main_container.skin_center.item_header{position:relative;margin-bottom:16px;}#index.wrapper.main_item.main_container.skin_center.item_header.item_title{font-size:22px;line-height:25px;text-indent:33px;font-weight:600;letter-spacing:1px;display:inline-block;background:url(../img/index.png)no-repeat;}#index.wrapper.main_item.main_container.skin_center.item_header.yingxiong{background-position:0-144px;}#index.wrapper.main_item.main_container.skin_center.item_header.kpl{background-position:-157px-106px;}#index.wrapper.main_item.main_container.skin_center.item_header.more_btn{width:28px;line-height:20.8px;background:url(../img/index.png)no-repeat-252px4px;position:absolute;top:0;right:0;padding-left:22px;color:#999;font-size:14px;}#index.wrapper.main_item.main_container.skin_center.item_subnav{width:100%;height:32px;display:flex;margin-bottom:19px;}#index.wrapper.main_item.main_container.skin_center.item_subnava{flex-grow:1;height:100%;background:#f5f5f5;line-height:29px;font-size:14px;color:#999;box-sizing:border-box;text-align:center;border-bottom:3pxsolid#f5f5f5;}#index.wrapper.main_item.main_container.skin_center.item_subnav.on{border-bottom:3pxsolid#f3c258;color:#333333;}#index.wrapper.main_item.main_container.skin_center.slide-list{width:885px;height:419px;display:flex;justify-content:space-between;position:relative;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content{width:295px;height:100%;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.new_hero{display:block;width:294px;height:224px;border-radius:2px;margin-bottom:10px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.new_heroimg{height:156px;width:100%;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.new_hero.new_hero_bottom{padding:10px15px;height:47px;border:1pxsolid#e5e5e5;border-top:none;border-radius:002px2px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.new_hero.new_hero_bottom.new_hero_name{font-size:18px;color:#333333;font-weight:bold;margin-bottom:7px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.new_hero.new_hero_bottom.time{color:#999999;font-size:12px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_list{display:flex;justify-content:space-between;flex-wrap:wrap;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli{position:relative;margin-right:7px;height:173px;width:68px;margin-bottom:12px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli:nth-child(4n){margin-right:0px;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listliimg{width:100%;height:100%;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli.hero_mask{position:absolute;width:68px;height:100%;background:rgba(0,0,0,0.88);top:0;left:0;opacity:0;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listlispan{cursor:pointer;overflow:hidden;display:none;position:absolute;top:0px;left:26px;text-align:center;color:#f3c258;font-size:14px;width:34px;height:100%;line-height:16px;padding-left:2px;-ms-writing-mode:tb-lr;-webkit-writing-mode:vertical-r;writing-mode:vertical-lr;letter-spacing:0.3em;word-break:break-all;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli:hover{background-color:red;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli:hover.hero_mask{opacity:1;}#index.wrapper.main_item.main_container.skin_center.slide-list.slide-content.hero_pic_listli:hoverspan{display:block;}#index.wrapper.main_item.main_container.skin_center.item_content{height:204px;margin-bottom:21px;}#index.wrapper.main_item.main_container.skin_center.item_contentli{height:68px;line-height:67px;border-bottom:1pxsolid#e5e5e5;}#index.wrapper.main_item.main_container.skin_center.item_contentlispan{display:inline-block;}#index.wrapper.main_item.main_container.skin_center.item_contentli.match_time{width:80px;color:#333333;font-size:12px;text-align:center;vertical-align:top;}#index.wrapper.main_item.main_container.skin_center.item_contentli.team_name{width:79px;height:67px;color:#333333;font-size:14px;text-align:center;line-height:67;}#index.wrapper.main_item.main_container.skin_center.item_contentli.team_name.team_name_icon{overflow:hidden;display:block;width:25px;height:25px;margin:10pxauto0auto;border-radius:50%;}#index.wrapper.main_item.main_container.skin_center.item_contentli.team_nameem{display:inline-block;font-size:12px;line-height:24px;vertical-align:top;text-align:center;}#index.wrapper.main_item.main_container.skin_center.item_contentli.vs{font-size:14px;width:43px;color:#f3c258;text-align:center;vertical-align:top;}#index.wrapper.main_item.main_container.skin_centerimg{height:159px;width:100%;}#index.wrapper.foot{height:362px;padding-top:80px;box-sizing:border-box;background:url(../img/bg_footer.jpg)no-repeatcenter0;}#index.wrapper.foot.main_container{height:176px;}#index.wrapper.foot.main_container.foot_top{height:66px;padding-bottom:10px;margin-bottom:12px;border-bottom:2pxsolid#d4d4d4;}#index.wrapper.foot.main_container.foot_topa{display:inline-block;}#index.wrapper.foot.main_container.foot_top.foot_ieg_logo{width:285px;height:64px;margin:0;background:url(../img/spr.png)no-repeat;}#index.wrapper.foot.main_container.foot_top.foot_ieg_logo1{width:70px;height:64px;margin:0;background:url(../img/spr.png)no-repeat-285px0;}#index.wrapper.foot.main_container.foot_bottom{display:flex;justify-content:space-between;}#index.wrapper.foot.main_container.foot_bottom.b_left{width:528px;height:86px;}#index.wrapper.foot.main_container.foot_bottom.b_leftp{width:100%;}#index.wrapper.foot.main_container.foot_bottom.b_leftpem{font-style:normal;margin-right:12px;color:#6d6d6d;font-size:12px;text-align:left;line-height:20px;}#index.wrapper.foot.main_container.foot_bottom.b_left.intro{margin-top:6px;font-size:12px;color:#666;line-height:20px;}#index.wrapper.foot.main_container.foot_bottom.b_right{width:650px;height:86px;}#index.wrapper.foot.main_container.foot_bottom.b_right.link_map{display:flex;}#index.wrapper.foot.main_container.foot_bottom.b_right.link_mapa{color:#646467;text-decoration:none;font-size:12px;line-height:20px;}#index.wrapper.foot.main_container.foot_bottom.b_right.link_mapspan{line-height:20px;margin:02px;}

index.js

$(function(){vartop=$(".banner")[0].offsetTop;varheader_height=$(".header")[0].offsetHeight;varnewcenter_width=$(".news_center")[0].offsetWidth;$(".header.nav").on("mouseenter","li",function(){varlen=$(".header.nav").children().length;varindex=$(this).index()if(index<len-1){var$li=$(".header.nav").children().eq(index);$li.addClass("h_active").siblings().removeClass("h_active");$li.find("aem").addClass("f_active").siblings().removeClass("f_active")}})$(".header.nav").on("mouseleave","li",function(){$(this).removeClass("h_active").find("aem").removeClass("f_active");})$(".header").on("mouseenter",function(){$(".J_subNav").slideDown(300);})$(".header").on("mouseleave",function(e){if($(e)[0].pageY<top)$(".J_subNav").slideUp(300);})$(".J_subNav").on("mouseleave",function(e){if($(e)[0].pageY>top+header_height)$(".J_subNav").slideUp(300);})$(".ost_left.l_item-2").on("mouseenter",function(){$(".ost_d").css({display:"block"});})$(".ost_d").on("mouseleave",function(){$(".ost_d").css({display:"none"});})$(".ost_right.r_item_2").on("mouseenter",function(){$(".ost_pop").css({display:"block"});})$(".ost_pop").on("mouseleave",function(){$(".ost_pop").css({display:"none"});})$(".new_top").on("mouseenter","li",function(e){varindex=$(this).index();$(this).addClass("on").siblings().removeClass("on");$(".new_center_container").stop(true,true).animate({left:-(index*newcenter_width)+"px"});})$(".strategy_center.sub1").on("mouseenter","a",function(e){$(".strategy_center.sub1").children().eq($(this).index()).addClass("on").siblings().removeClass("on")})$(".strategy_center.sub2").on("mouseenter","a",function(e){$(".strategy_center.sub2").children().eq($(this).index()).addClass("on").siblings().removeClass("on")})$(".strategy_center.title").on("mouseenter","a",function(e){$(".strategy_center.title").children().eq($(this).index()).addClass("on").siblings().removeClass("on")})$(".skin_center.sub3").on("mouseenter","a",function(){varindex=$(this).index();varwidth=$(".skin_center")[0].offsetWidth;$(this).addClass("on").siblings().removeClass("on");$(".slide-list").stop(true,true).animate({left:-(index*width)+"px"});})})

swiper.js

;(function(){vartimerId;//获取容器的宽度varwidth=$('.rotate').innerWidth();//当前轮播图片下标varindex=0;varab_index=0;//轮播图var$ul=$('.rotate.swiper_container');varlen=$ul.children().length;//小块var$point=$(".adBtna");varadBtn=$point.length//轮播varautoPlay=function(){index++;if(index>len-1){index=1;$ul.css({left:0})}$ul.stop(true,true).animate({left:-(width*index)},500);ab_index++;ab_index=ab_index>adBtn-1?0:ab_index;$point.eq(ab_index).addClass("on").siblings().removeClass("on");}//定时轮播timerId=setInterval(function(){autoPlay();},4000);$('.rotate').on("mouseenter",function(){clearInterval(timerId)});$(".rotate").on("mouseleave",function(){timerId=setInterval(function(){autoPlay()},4000);})$(".adBtn").on("mouseenter","a",function(e){ab_index=$(this).index();index=$(this).index();$ul.stop(true,true).animate({left:-(width*index)},500);$point.eq(ab_index).addClass("on").siblings().removeClass("on");})})()

index.html

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>王者荣耀官方网站-腾讯游戏</title><linkrel="stylesheet"href="./css/reset.css"rel="externalnofollow"/><linkrel="stylesheet"href="./css/index.css"rel="externalnofollow"/></head><body><divid="index"><divclass="ost_box"><ulclass="ost_box_container"><liclass="ost_left"><divclass="l_item_1"><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./icon/logo1.png"alt=""/></a></div><divclass="l_item-2"><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./icon/icon1.jpg"alt=""/></a></div></li><liclass="ost_right"><divclass="r_item_1"><h4><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">成长守护平台</a></h4></div><divclass="r_item_2"><h4><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">腾讯视频排行榜</a></h4></div><divclass="ost_pop"></div></li></ul><divclass="ost_d"><ahref=""><imgsrc="./icon/big_icon1.jpg"alt=""/></a></div></div><divclass="banner"><!--头部--><divclass="header"><divclass="h_container"><divclass="logo"><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./icon/logo2.png"alt=""/></a></div><ulclass="nav"><liclass=""><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"class="">游戏资料<em>DATA</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">内容中心<em>CONTENTS</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">赛事中心<em>MATCH</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">百态王者<em>CULIURE</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">社区互动<em>COMMUNITY</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">玩家支持<em>PLAYER</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">IP新游<em>NUWGAMES</em></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"></a></li></ul><divclass="search"><imgsrc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAABGdBTUEAALGPC/xhBQAAARpQTFRF88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JY88JYAAAA88JYAMCn0QAAAF10Uk5TZBSP1dYNDujnLPuA3/zQAos0UjmnB8KcgZrNkfGwCdhthtnjysFgCFAZSuQWKYNXh9IbREw+9iRhdyPlZRNdvRwnMRrvNf3F3isBtz+eRfPha+v3O+718Gm0eB4AqcfmkwAAAUBJREFUOMvt1FWTg0AMAOCeu7u71t3dFS+FJv//b9wCnbu5YwI83VPzsBvYb2aRbHzgOXxzartTLbGhVPVAN9Z0NurrXVdaE9GkKNZcaFPBVBJ6kEyh0nSksoqYAVgEyCCqsgMdcIjIpxOYSPMs4wYkHY3RiPwSLufNbDyiqIp/Q6Iob6MqRZ9t9ImiNzZ6R9ELG72k6Dl22q1v1mp38JSiE9SgLpR3mNssC3XQ2DVBD62lBR2zRSPR8JiiR9jIrgDEwhiOAazqDTyjaI7trMQhwqYIxBU2XVH01nibCYTYGGIPzuKBLJdrkwb86A9YVCfpI1uNBkHmZAhGDSqQ9MUspwLkwGcV2StJh9bHn8J09hs+Sfo2/EXFd6ezVZB+aP/D+cQebM+odN9z6wPFvkl3ux66y95WBSr7J/NW/F/0C0EhZNPgBN3FAAAAAElFTkSuQmCC"width="42"height="42"/><divclass="unlogin_info"><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">欢迎登录</a><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow">登陆后查看游戏战绩</a></div></div></div></div><!--二级菜单--><divclass="J_subNav"><divclass="sub_container"><liclass="down-nav"><ahref="">版本介绍</a><ahref="">游戏介绍</a><ahref="">英雄资料</a><ahref=""><iclass="icon-fans"></i>爆料站</a><ahref=""><iclass="icon-fans"></i>故事站</a><ahref="">游戏壁纸</a></li><liclass="down-nav"><ahref="">攻略中心</a><ahref="">英雄攻略</a><ahref="">视频中心</a><ahref=""><iclass="icon-fans"></i>开放素材库</a><ahref="">王者视角</a><ahref="">作者入驻</a><ahref="">媒体入驻</a><ahref=""></a></li><liclass="down-nav"><ahref=""><iclass="icon-fans"></i>世界冠军杯</a><ahref=""><iclass="icon-fans"></i>KPL</a><ahref=""><iclass="icon-fans"></i>全国大赛</a><ahref="">女子公开赛</a><ahref=""><iclass="icon-fans"></i>K甲联赛</a><ahref="">高校赛</a><ahref="">全民赛</a><ahref=""><iclass="icon-fans"></i>赛事数据</a></li><liclass="down-nav"><ahref="">荣耀·传承</a><ahref="">王者文化站</a><ahref="">万千世界</a><ahref="">星光殿堂</a><ahref="">商户特权</a><ahref=""><iclass="icon-fans"></i>IP共创计划</a></li><liclass="down-nav"><ahref=""><iclass="icon-fans"></i>创意互动营</a><ahref=""><iclass="icon-fans"></i>王者营地</a><ahref="">手Q部落</a><ahref="">微信圈子</a><ahref="">官方微博</a><ahref="">微信公众号</a><ahref="">手Q订阅号</a></li><liclass="down-nav"><ahref="">腾讯游戏防沉迷</a><ahref=""><iclass="icon-guard"></i>成长守护平台</a><ahref=""><iclass="icon-fans"></i>对局环境情报站</a><ahref="">客服专区</a><ahref="">礼包兑换</a><ahref="">自助服务</a></li><liclass="down-nav"><ahref=""><iclass="icon-fans"></i>代号:破晓</a><ahref=""><iclass="icon-fans"></i>代号:启程</a></li></div></div><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"class="kv_link"></a></div><divclass="wrapper"><divclass="main_top"><divclass="main_container"><divclass="rotate"><ulclass="swiper_container"><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper1.jpeg"alt=""/></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper2.jpeg"alt=""/></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper3.jpeg"alt=""/></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper4.jpeg"alt=""/></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper5.jpeg"alt=""/></a></li><li><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/swiper1.jpeg"alt=""/></a></li></ul><divclass="adBtn"><atitle="古力弈星对弈"class="on">古力弈星对弈</a><atitle="斗破苍穹手游">斗破苍穹手游</a><atitle="游戏赛道开启">游戏赛道开启</a><atitle="联名新品上线">联名新品上线</a><atitle="全新赛事战令">全新赛事战令</a></div></div><divclass="news_center"><ulclass="new_top"><liclass="on">热门</li><li>新闻</li><li>公告</li><li>活动</li><li>赛事</li></ul><ahref="">...</a><divclass="new_center_container"><ulclass="new_item"><liclass="line-sp">第二十七期大神问答精彩回顾</li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">周年庆主题头像框方案票选结果公布</span><em>09-29</em></li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">狄某有话说|假期临近，9月峡谷数据新鲜奉上！</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">狄某有话说|假期临近，9月峡谷数据新鲜奉上！</span><em>09-29</em></li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">公孙离-祈雪灵祝海报优化过程稿【老亚瑟的答疑时间】</span><em>09-29</em></li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">周年庆主题头像框票选活动开启！</span><em>09-29</em></li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">大神带你棋局对弈，探秘峡谷~</span><em>09-29</em></li><li><spanclass="hot-typetype">热门</span><spanclass="news-title">狄某有话说丨鬼谷子：比比谁能更快终结对局？</span><em>09-29</em></li></ul><ulclass="new_item"><liclass="line-sp">第二十七期大神问答精彩回顾</li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">王者荣耀携手多名艺术家讲述敦煌故事</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">就是辣么燃!《魂斗罗：归来》新川渝版本了解一下？</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">周年庆主题头像框方案票选结果公布</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">狄某有话说|假期临近，9月峡谷数据新鲜奉上！</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">遇见胡旋今日上线！快乐胡旋一起转圈活动开启</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">国服貂蝉在线solo！谁是斗鱼最强貂蝉~</span><em>09-29</em></li><li><spanclass="message-typetype">新闻</span><spanclass="news-title">QQ名人赛王牌赛总决赛震撼来袭！喜剧大咖沈腾遇上国风新星INTO1－刘宇！</span><em>09-29</em></li></ul><ulclass="new_item"><liclass="line-sp">9月29日全服不停机更新公告</li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日外挂专项打击公告</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日净化游戏环境声明及处罚公告</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日“演员”惩罚名单</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日游戏内违规签名、攻略信息处罚公告</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日挂车行为专项违规处罚公告</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日更新后异常说明</span><em>09-29</em></li><li><spanclass="news-typetype">公告</span><spanclass="news-title">9月29日全服不停机更新公告</span><em>09-29</em></li></ul><ulclass="new_item"><liclass="line-sp">周年庆主题头像框方案票选结果公布</li><li><spanclass="news-typetype">活动</span><spanclass="news-title">【一转千年】集腰鼓兑好礼活动开启公告</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">金秋十月惊喜不断，峡谷福利抢先看</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">“一元福利周”活动公告</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">周年庆主题头像框票选活动开启！</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">S25新赛季来袭，弈星重塑登场</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">【微信用户专属】微信小程序“游戏礼品站”购买“沈梦溪-月团寄思”皮肤抽免单活动</span><em>09-29</em></li><li><spanclass="news-typetype">活动</span><spanclass="news-title">【微信用户专属】微信小程序“游戏礼品站”预定“沈梦溪-月团寄思”皮肤抽免单活动</span><em>09-29</em></li></ul><ulclass="new_item"><liclass="line-sp">KPL预报丨小义、乔兮发育路对决，谁的马可波罗更帅气？</li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">我的电竞假期狂欢倒计时！全国大赛小长假线上、线下打卡指南</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">秋季赛快讯：XYG三连胜冲击A组，九月澜打出致命节奏</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">秋季赛快讯：西安WE二连胜，初心马超斩获本赛季首个五杀</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">电竞假期即将开启，人气主播、coser带你玩转全国大赛！</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">KPL预报丨XYG迎战北京WB冲击三连胜！</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">王者荣耀全国大赛|官方赛事人才培养计划~</span><em>09-29</em></li><li><spanclass="message-typetype">赛事</span><spanclass="news-title">21秋第一周最佳阵容：武汉eStar四人上榜，花海斩获周最佳</span><em>09-29</em></li></ul></div></div><divclass="download_pannel"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"download_btn"></a><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"guard_btn"></a><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"tiyan_btn"></a></div></div></div><divclass="quick_entrance"><divclass="main_container"><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/quick1.jpg"alt=""/></a><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/quick2.png"alt=""/></a><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/quick3.png"alt=""/></a><ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"><imgsrc="./img/quick4.jpg"alt=""/></a></div></div><divclass="main_item"><divclass="main_container"><divclass="strategy_center"><divclass="item_header"><h4class="item_titlecontent">内容中心</h4><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"more_btn">更多</a></div><divclass="item_subnavsub1"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"on">精品栏目</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">赛事精品</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">英雄攻略</a></div><divclass="title"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"on">最新</a><ahref="">马菠萝奇闻录</a><ahref="">王者克制论</a><ahref="">王者视角</a><ahref="">策见打</a><ahref="">峡谷460</a><ahref="">百星王者带你飞</a><ahref="">狄仁杰封神榜</a></div><ulclass="video_list"><li><divclass="video"><imgsrc="./img/1.png"alt=""/><divclass="play-bar"><emclass="ico-play">1.1万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】中单法师怎么样？李九教你法王制霸峡谷诸葛亮</div></li><li><divclass="video"><imgsrc="./img/2.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">1.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">刷野最快又如何？李九教你全面克制阿古朵</div></li><li><divclass="video"><imgsrc="./img/3.png"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li><li><divclass="video"><imgsrc="./img/4.png"alt=""/><divclass="play-bar"><emclass="ico-play">8.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li><li><divclass="video"><imgsrc="./img/5.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li><li><divclass="video"><imgsrc="./img/6.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li><li><divclass="video"><imgsrc="./img/7.png"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li><li><divclass="video"><imgsrc="./img/8.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【王者克制论】绝命毒师横行峡谷？李九教你全面克制扁鹊</div></li></ul></div><divclass="skin_center"><divclass="item_header"><h4class="item_titleyingxiong">英雄/皮肤</h4><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"more_btn">更多</a></div><divclass="item_subnavsub3"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"on">最新英雄</a><ahref="">最新皮肤</a><ahref="">周免英雄</a></div><divclass="slide-list"><divclass="slide-content"><divclass="new_hero"><imgsrc="./img/h2.jpg"alt=""/><divclass="new_hero_bottom"><pclass="new_hero_name">新英雄：云缨</p><pclass="time">上线时间：2021.06.23</p></div></div><ulclass="hero_pic_list"><li><imgsrc="./img/h3.jpg"alt=""/><divclass="hero_mask"></div><span>艾琳</span></li><li><imgsrc="./img/h4.jpg"alt=""/><divclass="hero_mask"></div><span>司空震</span></li><li><imgsrc="./img/h5.jpg"alt=""/><divclass="hero_mask"></div><span>澜</span></li><li><imgsrc="./img/h6.jpg"alt=""/><divclass="hero_mask"></div><span>夏洛特</span></li></ul></div><divclass="slide-content"><divclass="new_hero"><imgsrc="./img/p1.jpg"alt=""/><divclass="new_hero_bottom"><pclass="new_hero_name">新皮肤：乐园奇幻夜-钟馗</p><pclass="time">上线时间：2021.06.23</p></div></div><ulclass="hero_pic_list"><li><imgsrc="./img/p2.jpg"alt=""/><divclass="hero_mask"></div><span>遇见胡旋-貂蝉</span></li><li><imgsrc="./img/p3.jpg"alt=""/><divclass="hero_mask"></div><span>月团寄思-沈梦溪</span></li><li><imgsrc="./img/p4.jpg"alt=""/><divclass="hero_mask"></div><span>铁甲之心-典韦</span></li><li><imgsrc="./img/p5.jpg"alt=""/><divclass="hero_mask"></div><span>时之奇旅-安琪拉</span></li></ul></div><divclass="slide-content"><ulclass="hero_pic_list"><li><imgsrc="./img/f1.jpg"alt=""/><divclass="hero_mask"></div><span>李白</span></li><li><imgsrc="./img/f2.jpg"alt=""/><divclass="hero_mask"></div><span>镜</span></li><li><imgsrc="./img/f3.jpg"alt=""/><divclass="hero_mask"></div><span>弈星</span></li><li><imgsrc="./img/f4.jpg"alt=""/><divclass="hero_mask"></div><span>瑶</span></li><li><imgsrc="./img/f5.jpg"alt=""/><divclass="hero_mask"></div><span>公孙离</span></li><li><imgsrc="./img/f6.jpg"alt=""/><divclass="hero_mask"></div><span>廉颇</span></li><li><imgsrc="./img/f7.jpg"alt=""/><divclass="hero_mask"></div><span>花木兰</span></li><li><imgsrc="./img/f8.jpg"alt=""/></li></ul></div></div></div></div></div><divclass="main_item"><divclass="main_container"><divclass="strategy_center"><divclass="item_header"><h4class="item_titlesaishi">赛事中心</h4><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"more_btn">更多</a></div><divclass="item_subnavsub2"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"on">KPL</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">世冠</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">K甲联赛</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">城市赛</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">高校联赛</a><spanclass="split"></span><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"">TGA</a><spanclass="split"></span><ahref="">微信游戏邀请赛</a><spanclass="split"></span><ahref="">模拟战大师赛</a></div><divclass="match_news"><divclass="match_news_pic"><imgsrc="./img/n1.jpg"alt=""/></div><ulclass="news-list"><liclass="line-sp">24日战报：四场零封彰显风范，虎牙XYG、成都TG等4支战队强势挺进8强</li><li><spanclass="fl">KPL</span><ahref="">秋季赛快讯：上海EDG.M拿下首胜，yuan赵云破阵切C</a><emclass="">09-30</em></li><li><spanclass="fl">KPL</span><ahref="">秋季赛快讯：济南RW侠让二追三拿首胜，小夜赵云逆转局势</a><emclass="">09-30</em></li><li><spanclass="fl">KPL</span><ahref="">秋季赛快讯：深圳DYG拿下首胜，小义公孙离灵活走位输出拉满</a><emclass="">09-30</em></li><li><spanclass="fl">KPL</span><ahref="">KPL预报丨小义、乔兮发育路对决，谁的马可波罗更帅气？</a><emclass="">09-30</em></li><li><spanclass="fl">KPL</span><ahref="">秋季赛快讯：XYG三连胜冲击A组，九月澜打出致命节奏</a><emclass="">09-30</em></li><li><spanclass="fl">KPL</span><ahref="">秋季赛快讯：西安WE二连胜，初心马超斩获本赛季首个五杀</a><emclass="">09-30</em></li></ul></div><ulclass="video_list"><li><divclass="video"><imgsrc="./img/9.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">1.1万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">《稳住姐来C》TGA冠军中单李九嫣“夺命”西施操作秀</div></li><li><divclass="video"><imgsrc="./img/10.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">1.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">【稳住姐来C】第一集：TGA女子赛冠军“驾临”，实力能否服众？</div></li><li><divclass="video"><imgsrc="./img/11.png"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2020首届TGA王者荣耀女子赛冠军争夺战精彩锦集</div></li><li><divclass="video"><imgsrc="./img/12.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">8.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2018TGAVTGVSADCset1</div></li><li><divclass="video"><imgsrc="./img/13.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2018TGAVTGVSADCset2</div></li><li><divclass="video"><imgsrc="./img/14.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2018TGALYGVSsViperset1</div></li><li><divclass="video"><imgsrc="./img/15.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2018TGAVTGVSADCset3</div></li><li><divclass="video"><imgsrc="./img/16.jpg"alt=""/><divclass="play-bar"><emclass="ico-play">2.5万</em><emclass="fr">2021-09-30</em></div><divclass="mask"><spanclass="mask-play-ico"></span></div></div><divclass="video-tit">2018TGALYGVSsViperset3</div></li></ul></div><divclass="skin_center"><divclass="item_header"><h4class="item_titlekpl">KPL赛事</h4><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"more_btn">更多</a></div><divclass="item_subnavsub4"><ahref="">时间</a><ahref="">战队</a><ahref="">战队</a></div><ulclass="item_content"><li><spanclass="match_time">10-115:00</span><spanclass="team_name"><imgsrc="./img/s2.png"class="team_name_icon"/><em>南京Hero久竞</em></span><spanclass="vs">VS</span><spanclass="team_name"><imgsrc="./img/s3.png"class="team_name_icon"/><em>长沙TES.A</em></span></li><li><spanclass="match_time">10-115:00</span><spanclass="team_name"><imgsrc="./img/s2.png"class="team_name_icon"/><em>南京Hero久竞</em></span><spanclass="vs">VS</span><spanclass="team_name"><imgsrc="./img/s3.png"class="team_name_icon"/><em>长沙TES.A</em></span></li><li><spanclass="match_time">10-115:00</span><spanclass="team_name"><imgsrc="./img/s2.png"class="team_name_icon"/><em>南京Hero久竞</em></span><spanclass="vs">VS</span><spanclass="team_name"><imgsrc="./img/s3.png"class="team_name_icon"/><em>长沙TES.A</em></span></li></ul><imgsrc="./img/s1.jpg"alt=""/></div></div></div><divclass="foot"><divclass="main_container"><divclass="foot_top"><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"foot_ieg_logo"></a><ahref=""class="rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"foot_ieg_logo1"></a></div><divclass="foot_bottom"><divclass="b_left"><p><em>抵制不良游戏</em><em>拒绝盗版游戏</em><em>注意自我保护</em><em>谨防受骗上当</em><em>适度游戏益脑</em><em>沉迷游戏伤身</em><em>合理安排时间</em><em>享受健康生活</em></p><pclass="intro">《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p></div><divclass="b_right"><liclass="link_map"><a>腾讯互动娱乐</a><spanclass="f_line">|</span><a>服务条款</a><spanclass="f_line">|</span><a>隐私保护指引</a><spanclass="f_line">|</span><a>儿童隐私保护指引</a><spanclass="f_line">|</span><a>腾讯游戏招聘</a><spanclass="f_line">|</span><a>腾讯游戏客服</a><spanclass="f_line">|</span><a>游戏列表</a><spanclass="f_line">|</span><a>广告服务及商务合作</a></li></div></div></div></div></div><!--侧栏固定--><divclass="r_nav"><divclass="r_dj"><span>下载王者营地每天领福利~</span></div><ulclass="r_con"><liclass="r_code"><imgsrc="./img/r_code.jpg"alt=""/></li><liclass="r_burst"><divclass="r_child"><imgsrc="./img/weibo.jpg"alt=""/><p>扫码<span>关注官方微博</span><br/>获取<span>一手爆料及福利</span></p></div></li><liclass="wechat"><divclass="r_child"><imgsrc="./img/weibo.jpg"alt=""/><p>扫码<span>关注官方公众号</span><br/>获取<span>最新资讯及好礼</span></p></div></li><liclass="r_wc_sph"><divclass="r_child"><imgsrc="./img/weibo.jpg"alt=""/><p>扫码<span>关注官方视频号</span><br/>获取<span>精彩视频及福利</span></p></div></li></ul></div></div><scriptsrc="./js/jquery-3.6.0.min.js"></script><scriptsrc="./js/swiper.js"></script><scriptsrc="./js/index.js"></script></body></html>

关于“怎么用jQuery+html+css实现王者荣耀官网首页效果”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。