index.html
<html lang="zh" data-hairline="true" data-theme="light"><head><meta charset="utf-8"><title data-react-helmet="true">發現</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><link rel="stylesheet" href="./static/css/style.css">
</head><body><div id="root"><div><div><header role="banner" class="Sticky bigheader css-1x8hcdw"><div class="bigheader-inner css-qqgmyv"><img src="./static/images/logo.png" height="80%" alt=""srcset=""><ul role="tablist" class="Tabs bigheader-Tabs css-g0ay3v"><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="index.html">首頁</a></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="list.html">游戲分類</a><ul class="erji"><li><a href="list.html">國服</a></li><li><a href="list.html">外服</a></li></ul></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="center.html">個人中心</a></li></ul><div class="css-1acwmmj"><div class="SearchBar bigheader-SearchBar css-10fy1q8" role="search"><form class="SearchBar-tool"><div><div class="Popover"><labelclass="SearchBar-input css-11bw1mm Input-wrapper Input-wrapper--grey"><input type="text" class="Input" placeholder="這是假的搜索框"></label></div></div></form></div></div><div id="dateshow"></div><div class="bigheader-userInfo"><div class="bigheader-profile"><div><button type="button" class="anniu bigheader-login anniu--blue"><a href="./login.html">登錄</a></button></div></div></div></div><div></div></header></div><div class="banner"><ul class="list" id="banner_list"><li style="display:block;"><img src="./static/images/b1.webp" alt=""></li><li><img src="./static/images/b2.webp" alt=""></li><li><img src="./static/images/b3.webp" alt=""></li><li><img src="./static/images/b4.webp" alt=""></li></ul><ul class="dot_list" id="dot_list"><li>1</li><li>2</li><li>3</li><li>4</li></ul></div><main role="main" class="App-main"><div><div class="Sticky"></div></div><div class="zhuye"><div class="zhuye-neirong zhuye-section" id="special"><div class="zhuye-neirong-header"><span>游戲分類</span></div></div><div class="zhuye-neirong zhuye-section" id="roundtable"><div class="zhuye-neirong-body"><div class="zhuye-roundtables"><div class="cardbox zhuye-roundtableCard"><div class="cardbox-toubu" style="background: url(./static/images/jd.jpg);"><div class="cardbox-header"><a class="cardbox-title" href="list.html" >絕地求生</a><a class="cardbox-intro" href="list.html" >絕地求生》(PUBG),是一款戰術競技游戲,策略與槍法一樣重要,充滿各種隨機性要素,需要你隨時做出判斷,取得勝利。大吉大利,全民PUBG。</a><div class="cardbox-info"><div class="cardbox-guests"><img src="./static/images/t1.webp"alt=""><img src="./static/images/t2.webp"alt=""><img src="./static/images/t3.webp"alt=""><span>4000 位玩家</span></div><div class="cardbox-count"><span>46 人關注</span></div></div></div><div class="cardbox-followanniu"><button class="ExploreFollowanniu ExploreFollowanniu--colored"style="color:rgba(49, 62, 161, 1)">進入</button></div></div><div class="cardbox-questionList"><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >騰訊安全團隊助力“凈網行動”，玉田警方連續破獲兩起線上銷售外掛案件</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >全新升級！新版《絕地求生官方APP》上線！</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >PGI全球邀請賽即將來襲 觀賽贏紀念套裝</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div></div></div><div class="cardbox zhuye-roundtableCard"><div class="cardbox-toubu" style="background: url(./static/images/wz.jpg);"><div class="cardbox-header"><a class="cardbox-title" href="list.html" >王者榮耀</a><a class="cardbox-intro" href="list.html" >是由騰訊游戲天美工作室群開發并運行的一款運營在Android、IOS、NS平臺上的MOBA類國產手游，</a><div class="cardbox-info"><div class="cardbox-guests"><img src="./static/images/t1.webp"alt=""><img src="./static/images/t2.webp"alt=""><img src="./static/images/t3.webp"alt=""><span>4000 位玩家</span></div><div class="cardbox-count"><span>46 人關注</span></div></div></div><div class="cardbox-followanniu"><button class="ExploreFollowanniu ExploreFollowanniu--colored"style="color:rgba(49, 62, 161, 1)">進入</button></div></div><div class="cardbox-questionList"><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >【元歌皮膚設計大賽】精彩創意賞析第1期</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >12月14日不停機更新：碎片商店更新！電玩小子、功夫廚神加入兌換~</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >高校區域聯賽總決選火熱開賽，20支高校戰隊蓄勢待發！</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div></div></div><div class="cardbox zhuye-roundtableCard"><div class="cardbox-toubu" style="background: url(./static/images/lm.jpg);"><div class="cardbox-header"><a class="cardbox-title" href="list.html" >英雄聯盟</a><a class="cardbox-intro" href="list.html" >海量風格各異的英雄,豐富、便捷的物品合成系統,游戲內置的匹配、排行和競技系統,獨創的“召喚師”系統及技能、符文、天賦等系統組合,必將帶你進入一個嶄新而又豐富多彩的游戲世...</a><div class="cardbox-info"><div class="cardbox-guests"><img src="./static/images/t1.webp"alt=""><img src="./static/images/t2.webp"alt=""><img src="./static/images/t3.webp"alt=""><span>4000 位玩家</span></div><div class="cardbox-count"><span>46 人關注</span></div></div></div><div class="cardbox-followanniu"><button class="ExploreFollowanniu ExploreFollowanniu--colored"style="color:rgba(49, 62, 161, 1)">進入</button></div></div><div class="cardbox-questionList"><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >《盟牙有禮·第四季》福利來襲！</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >執事系列皮膚與執事通行證即將上線</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >“至臻終章2021”活動即將上線</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div></div></div><div class="cardbox zhuye-roundtableCard"><div class="cardbox-toubu" style="background: url(./static/images/csgo.jpg);"><div class="cardbox-header"><a class="cardbox-title" href="list.html" >csgo</a><a class="cardbox-intro" href="list.html" >槍械、地圖、道具大變化!全新大行動任務玩法、全新探員、全新槍械皮膚、全新武器箱、全新印花和布章上線!登錄國服購買通行證,即刻體驗“激流大行動”沖浪快感</a><div class="cardbox-info"><div class="cardbox-guests"><img src="./static/images/t1.webp"alt=""><img src="./static/images/t2.webp"alt=""><img src="./static/images/t3.webp"alt=""><span>4000 位玩家</span></div><div class="cardbox-count"><span>46 人關注</span></div></div></div><div class="cardbox-followanniu"><button class="ExploreFollowanniu ExploreFollowanniu--colored"style="color:rgba(49, 62, 161, 1)">進入</button></div></div><div class="cardbox-questionList"><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >這個舞臺足夠大！2021極限之地亞洲CS:GO嘉</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >海選收官之戰！本周末PNL成都站、高校海選賽</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div><div class="cardbox-qust_xiangmu"><a class="cardbox-qest_biaoti" href="list.html" >CSGO完美平臺2.0加載完成 11月26日閃耀揭幕</a><div class="cardbox-questionCounts"><span>10 閱讀</span></div></div></div></div></div></div></div></div></main></div></div><footer class="login_homepage-footer"><div class="banquantext">5班 王橘 32020110535</div></footer><!-- 漂浮廣告點擊圖片可刪除
--><div id="codefans_net" style="position:absolute"><img width="300" title="點擊圖片刪除" src="./static/images/piaofu.webp" alt=""></div><script>// 設置banner初始是0var index = 0function banner() {var list = document.getElementById('banner_list').children;// 用循環計時器每2秒自動換一張圖片var interval = setInterval(function () {if (index == list.length - 1) {index = 0} else {index = index + 1}for (i = 0; i < list.length; i++) {list[i].style.display = "none"}list[index].style.display = "block"}, 2000)var dot_list = document.getElementById('dot_list').children// 通過循環給每一個按鈕設置鼠標事件for (i = 0; i < dot_list.length; i++) {dot_list[i].onmouseover = function () {// 如果鼠標移入則停止自動輪播clearInterval(interval)}dot_list[i].onmouseout = function () {// 如果鼠標移出繼續輪播banner()}dot_list[i].onclick = function () {// 設置點擊按鈕切換選項卡index = this.innerText - 1for (j = 0; j < list.length; j++) {list[j].style.display = "none"}list[index].style.display = "block"}}}banner()// 懸浮代碼var x = 50, y = 60var xin = true, yin = truevar step = 1// 設置延時var delay = 10// 獲取元素var obj = document.getElementById("codefans_net")function float() {// 這里是計算代碼,大概就是計算元素寬高,然后隨機移動// 當頁面總寬-元素長度 等于移動的距離時,說明到頭了,開始反向移動var L = T = 0var R = document.body.clientWidth - obj.offsetWidthvar B = document.body.clientHeight - obj.offsetHeightobj.style.left = x + document.body.scrollLeftobj.style.top = y + document.body.scrollTopx = x + step * (xin ? 1 : -1)if (x < L) { xin = true; x = L }if (x > R) { xin = false; x = R }y = y + step * (yin ? 1 : -1)if (y < T) { yin = true; y = T }if (y > B) { yin = false; y = B }}var itl = setInterval("float()", delay)// 鼠標移入清除計時器obj.onmouseover = function () { clearInterval(itl) }// 鼠標移出打開計時器obj.onmouseout = function () { itl = setInterval("float()", delay) }</script><script src="./static/js/date.js"></script>
</body></html>
center.html
<html lang="zh" data-hairline="true" data-theme="light"><head><meta charset="utf-8"><title data-react-helmet="true">個人中心</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="stylesheet" href="././static/css/style.css">
</head><body><style>img,button {transition: 1s;}button:hover,img:hover {transform: scale(1.2);}</style><div id="root"><div><div class="login_bar"></div><div><header role="banner" class="Sticky bigheader css-1x8hcdw"><div class="bigheader-inner css-qqgmyv"><img src="./static/images/logo.png" height="80%" alt="" srcset=""><ul role="tablist" class="Tabs bigheader-Tabs css-g0ay3v"><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="index.html">首頁</a></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="list.html">游戲分類</a><ul class="erji"><li><a href="list.html">國服</a></li><li><a href="list.html">外服</a></li></ul></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="center.html">個人中心</a></li></ul><div class="css-1acwmmj"><div class="SearchBar bigheader-SearchBar css-10fy1q8" role="search"><form class="SearchBar-tool"><div><div class="Popover"><label class="SearchBar-input css-11bw1mm Input-wrapper Input-wrapper--grey"><input type="text" class="Input" placeholder="這是假的搜索框"></label></div></div></form></div></div><div id="dateshow">2021-12-15 12:10:53</div><div class="bigheader-userInfo"><div class="bigheader-profile"><div><button type="button" class="anniu bigheader-login anniu--blue"><a href="./login.html">登錄</a></button></div></div></div></div><div></div></header></div><main role="main" class="App-main"><div itemprop="people" itemtype="http://schema.org/Person" itemscope=""><div id="proheader" class="proheader"><div class="Card"><div class="proheader-userCover"><div class="UserCover UserCover--colorBlock"><img width="100%" src="./static/images/csgo.webp" alt="" srcset=""></div></div><div class="proheader-wrapper"><div class="proheader-main"><div class="UserAvatar proheader-avatar" style="top:-74px"><img class="Avatar Avatar--large UserAvatar-inner" width="160" height="160" src="./static/images/t1.webp" alt=""></div><div class="proheader-content"><div class="proheader-contentHead"><h1 class="proheader-title"><span class="proheader-name">個人中心</span><span class="ztext proheader-headline"></span></h1></div><div style="overflow:hidden;transition:height 300ms ease-out" class="proheader-contentBody"><div><div class="proheader-info"></div></div></div><div class="proheader-contentFooter"><div class="anniu proheader-expandanniu anniu--plain">姓名：5班 王橘 32020110535<br>愛好：籃球，游戲，看書，跑步<br>專業：喜歡完絕地求生等fps類游戲</div><div class="MemberanniuGroup profileanniuGroup proheader-buttons"><button type="button" class="anniu Followanniu anniu--primary anniu--blue"><span style="display:inline-flex;align-items:center">​</span>關注</button><button type="button" class="anniu anniu--grey anniu--withIcon anniu--withLabel">發私信</button></div></div></div></div></div></div></div><div class="profile-main"><div class="profile-mainColumn"><div class="Card profileMain" id="profileMain"><div class="ListShortcut"><div class="List profileActivities" id="profile-activities"><div class="" role="list"><div class="List-item"><div class="List-itemMeta"><div class="ActivityItem-meta"><span>2021-08-21 00:43</span></div></div><div class="neirongkuai ArticleItem"><h2 class="neirongkuai-title"><a href="#">絕地求生閃退怎么辦？</a></h2><div class="neirongkuai-meta"><div class="ArticleItem-extraInfo"><span class="Voters"><button type="button" class="anniu anniu--plain">8 人 點了贊</button></span></div></div><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><div class="biaotiimg"><img src="./static/images/wt1.png" alt=""></div></div></div><div class="youce-inner"><span class="haowenzi ztext copywenzi-richText css-hnrfcf">絕地求生現在非常熱門，很多朋友都從steam購買了這款游戲，但是有不少人說電腦玩絕地求生的時候經常會有閃退出現。其實現在玩游戲不管什么游戲都有可能出現閃退。</span><button type="button" class="anniu neirongkuai-more anniu--plain">閱讀全文<span style="display:inline-flex;align-items:center">​</span></button></div></div></div></div><div class="List-item"><div class="List-itemMeta"><div class="ActivityItem-meta"><span>2021-08-21 00:43</span></div></div><div class="neirongkuai ArticleItem"><h2 class="neirongkuai-title"><a href="#">絕地求生閃退怎么辦？</a></h2><div class="neirongkuai-meta"><div class="ArticleItem-extraInfo"><span class="Voters"><button type="button" class="anniu anniu--plain">8 人 點了贊</button></span></div></div><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><div class="biaotiimg"><img src="./static/images/wt1.png" alt=""></div></div></div><div class="youce-inner"><span class="haowenzi ztext copywenzi-richText css-hnrfcf">絕地求生現在非常熱門，很多朋友都從steam購買了這款游戲，但是有不少人說電腦玩絕地求生的時候經常會有閃退出現。其實現在玩游戲不管什么游戲都有可能出現閃退。</span><button type="button" class="anniu neirongkuai-more anniu--plain">閱讀全文<span style="display:inline-flex;align-items:center">​</span></button></div></div></div></div><div class="List-item"><div class="List-itemMeta"><div class="ActivityItem-meta"><span>2021-08-21 00:43</span></div></div><div class="neirongkuai ArticleItem"><h2 class="neirongkuai-title"><a href="#">絕地求生總是卡頓怎么辦？</a></h2><div class="neirongkuai-meta"><div class="ArticleItem-extraInfo"><span class="Voters"><button type="button" class="anniu anniu--plain">8 人 點了贊</button></span></div></div><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><div class="biaotiimg"><img src="./static/images/wt2.jfif" alt=""></div></div></div><div class="youce-inner"><span class="haowenzi ztext copywenzi-richText css-hnrfcf">絕地求生的服務器不是一般的好，在2017年10月份每天晚上9點準時崩潰，非常準時。各種小bug不斷，就連正式版1.0上線以后，也是各種毛病不斷。特效比絕地求生好的，gta5，戰地。一般中等級的顯卡都是完美運行。但是絕地求生卻不行，1080級的顯卡仍然不能全程144.甚至在關鍵的區域，連60幀都維持不了。</span><button type="button" class="anniu neirongkuai-more anniu--plain">閱讀全文<span style="display:inline-flex;align-items:center">​</span></button></div></div></div></div></div></div></div></div></div></div></div></main></div></div><footer class="login_homepage-footer"><div class="banquantext">5班 王橘 32020110535</div></footer><script src="./static/js/date.js"></script></body></html>
list.html
<html lang="zh"><head><meta charset="utf-8"><title>文章列表 </title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="stylesheet" href="./static/css/style.css">
</head><body><div id="root"><div><div class="login_bar"></div><div><header role="banner" class="Sticky bigheader css-1x8hcdw"><div class="bigheader-inner css-qqgmyv"><img src="./static/images/logo.png" height="80%" alt=""srcset=""><ul role="tablist" class="Tabs bigheader-Tabs css-g0ay3v"><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="index.html">首頁</a></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="list.html">游戲分類</a><ul class="erji"><li><a href="list.html">國服</a></li><li><a href="list.html">外服</a></li></ul></li><li role="tab" class="xiangmu-qiehuan bigheader-Tab xiangmu-qiehuan--noMeta"><a class="Tabs-link bigheader-TabsLink css-1f6tgea" href="center.html">個人中心</a></li></ul><div class="css-1acwmmj"><div class="SearchBar bigheader-SearchBar css-10fy1q8" role="search"><form class="SearchBar-tool"><div><div class="Popover"><labelclass="SearchBar-input css-11bw1mm Input-wrapper Input-wrapper--grey"><input type="text" class="Input" placeholder="這是假的搜索框"></label></div></div></form></div></div><div id="dateshow"></div><div class="bigheader-userInfo"><div class="bigheader-profile"><div><button type="button" class="anniu bigheader-login anniu--blue"><a href="login.html">登錄</a></button></div></div></div></div><div></div></header></div><main role="main" class="App-main"><div class="css-1gptc2h"><div class="css-1b0ypf8"><div class="css-1sqjzsk"><div class="css-tr5tvs"><img src="./static/images/jd.webp" class="css-1jrxz3i"></div><div class="css-1fnir59"><div class="css-199kefw"><div class="css-jwse5c">絕地求生游戲玩法討論</div><div class="css-1jmgfov"><div class="Popover"><span id="null-toggle" aria-haspopup="true" aria-expanded="false"aria-owns="null-content"></span></div></div></div><div class="css-1dexld7"><span>此討論組已創立3000天</span></div><div class="css-1zcaix">《絕地求生》(PUBG) 是由藍洞開發的一款戰術競技型射擊類沙盒游戲 。</div><div class="css-i2qf64"><div class="css-1ip02nd">252 萬<!-- -->瀏覽 ·<!-- -->383<!-- -->關注</div><!-- <div class="css-1btn8qy">關注圓桌</div> --></div></div></div><div class="Card css-1q7njkh" id="RoundtableMainContent"><div><div class="Sticky"></div></div><div class="Card"><div class="css-idcvuo"><ul role="tablist" class="Tabs"><li role="tab" class="xiangmu-qiehuan xiangmu-qiehuan--noMeta"aria-controls="Roundtable-"><a font-weight="bold" class="Tabs-link css-yxaawl"href="/roundtable/game2021/">正在熱議</a></li><li role="tab" class="xiangmu-qiehuan xiangmu-qiehuan--noMeta"aria-controls="Roundtable-latest-all"><a font-weight="normal" class="Tabs-link css-0"href="/roundtable/game2021/latest-all">最新提問</a></li></ul></div></div><div class="css-vurnku"><div class="" role="list"><div ><div class="css-vurnku"><h2 class="css-xatp85"><a href="#" target="_blank" class="css-4a3k6y">PUBG游戲本體將加入免費游戲公告</a></h2><div class="css-1sc0dxj" style="color:#666;">908,443 次瀏覽 · 189 人參與討論</div><div class=""><div class="css-1lg5z35"><div class="css-1xuu014"><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><img src="./static/images/x1.jpg" alt="cover"></div></div><div class="youce-inner"><spanclass="haowenzi ztext copywenzi-richText css-hnrfcf">親愛的生存者們，大家好，PUBG自首次亮相以來，經歷了大大小小的變化。在游戲上線之后，世界各地的玩家體驗到了具有真實感的射擊游戲所帶來的緊張感和快樂，并喜歡上了我們的戰術競技玩法。</span><button type="button"class="anniu neirongkuai-more anniu--plain">顯示全部</button></div></div></div></div></div></div></div><div ><div class="css-vurnku"><h2 class="css-xatp85"><a href="#" target="_blank" class="css-4a3k6y">「2021年度雞斯卡-斗魚分會場-最佳人氣主播」獲獎名單</a></h2><div class="css-1sc0dxj" style="color:#666;">908,443 次瀏覽 · 189 人參與討論</div><div class=""><div class="css-1lg5z35"><div class="css-1xuu014"><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><img src="./static/images/x2.jpg" alt="cover"></div></div><div class="youce-inner"><spanclass="haowenzi ztext copywenzi-richText css-hnrfcf">【最佳人氣主播獎】恭喜@仙某某 、@一條小團團OvO 、@陳死狗-cnh 、@左梓軒_Xleft 、@娜子好吃懶做 榮獲2021年度雞斯卡【最佳人氣主播獎】</span><button type="button"class="anniu neirongkuai-more anniu--plain">顯示全部</button></div></div></div></div></div></div></div><div ><div class="css-vurnku"><h2 class="css-xatp85"><a href="#" target="_blank" class="css-4a3k6y">C4以及藍圈手榴彈刷新問題緊急修復公告</a></h2><div class="css-1sc0dxj" style="color:#666;">908,443 次瀏覽 · 189 人參與討論</div><div class=""><div class="css-1lg5z35"><div class="css-1xuu014"><div class="youce is-collapsed"><div class="youce-cover"><div class="youce-cover-inner"><img src="./static/images/x3.jpeg" alt="cover"></div></div><div class="youce-inner"><span class="haowenzi ztext copywenzi-richText css-hnrfcf">玩家們大家好，我們在北京時間18點22分通過熱修復對客戶端提高了穩定性。另外在競技模式的泰戈地圖中出現C4以及藍圈手榴彈刷新的問題，開發團隊正在進行緊急修復，請大家耐心等候。由此帶來的不便，我們深表歉意！ ????</span><button type="button"class="anniu neirongkuai-more anniu--plain">顯示全部</button></div></div></div></div></div></div></div></div></div></div></div><div class="GlobalSideBar"><div><div class="Sticky"><div class="css-np3nxw"><div class="css-vurnku"><div class="css-t3f0zn"><div class="css-hd7egx">招聘廣告<span onclick="qiehuan(this)">點擊收起</span></div><div class="css-vurnku" id="guanggao"><div class="css-1nna83t">虎牙tv招收主播，底薪8K</div><div class="css-1nna83t">斗魚Tv招收主播，底薪8K</div><div class="css-1nna83t">TK戰隊招收玩家，底薪8K</div><div class="css-1nna83t">EDG戰隊招收玩家，年薪30W</div></div></div></div></div></div></div></div></div></main></div></div><footer class="login_homepage-footer"><div class="ccbReports">5班 王橘 32020110535</div></footer>
</body>
<script src="./static/js/date.js"></script>
<script >var show = true function qiehuan(e){console.log(e)var guanggao = document.getElementById('guanggao')if(show){guanggao.style.display='none'show=falsee.innerText="點擊展開"}else{guanggao.style.display='block'show=truee.innerText="點擊收起"}}
</script>
</html>
login.html
<!doctype html5>
<head><meta charset="utf-8"><title>登錄</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="stylesheet" href="./static/css/style.css">
</head>
<body style="background: url(./static/images/x3.jpeg);background-size: auto 100%;"><div id="root"><div><div class="login_bar"></div><main role="main" class="App-main"><div class="login_homepage"><div class="login_homepage-content"><div class="css-zvnmar"><div class="SignContainer-content"><div class="SignContainer-inner"><div><form class="login_flow Login-content" onsubmit="return checkform()"><div class="login_flow-account"><div class="login_flowInput login_flow-accountInputContainer"><label class="login_flow-accountInput Input-wrapper"><input type="tel" value="" name="username" class="Input" required placeholder="賬號"id="user"></label></div></div><div class="login_flow login_flow-smsInputContainer"><div class="login_flowInput login_flow-smsInput"><label class="Input-wrapper"><input type="number" value="" name="digits" class="Input" id="pass" requiredplaceholder="密碼"></label><div class="login_flowInput-errorMask login_flowInput-requiredErrorMask login_flowInput-errorMask--hidden"></div></div></div><div class="Login-options"><button type="button" class="anniu Login-switchType anniu--plain"></button><button type="button" class="anniu Login-cannotLogin anniu--plain" onclick="alert('你的密碼是123456')">忘記密碼</button></div><button type="submit" class="anniu login_flow-submitanniu anniu--primary anniu--blue">登錄</button></form></div><div><span style="position:absolute;top:-10000px;left:-10000px" role="log"aria-live="assertive"></span></div></div></div></div></div><footer class="login_homepage-footer"><div class="ccbReports">5班 王橘 32020110535</div></footer></div></main><div data-zop-usertoken="{}"></div></div></div><script>function checkform() {var user = document.getElementById('user').valuevar pass = document.getElementById('pass').valueif (user == 'wangju' && pass == '123456') {alert("登陸成功");location.href = "center.html"} else {alert("用戶名或者密碼不對")}return false}</script>
</body></html>
總結
以上是生活随笔為你收集整理的游戏专题类，web网页模板分享，前端期末作业，静态页面，带轮播图，登录页的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
