時間:2023-09-24 16:24:01 | 來源:網(wǎng)站運營
時間:2023-09-24 16:24:01 來源:網(wǎng)站運營
制作一個簡單HTML游戲網(wǎng)頁(HTML+CSS)_英雄聯(lián)盟 lol 7頁:?> ? 源碼獲取 文末聯(lián)系 ?Web前端開發(fā)技術(shù) 描述 網(wǎng)頁設(shè)計題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計期末課程大作業(yè) |游戲官網(wǎng) | 游戲網(wǎng)站 | 電競游戲 | 游戲介紹 | 等網(wǎng)站的設(shè)計與制作 | HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè),Web大學(xué)生網(wǎng)頁
<html><!--網(wǎng)站開始--><head> <!--頭部開始--> <!--設(shè)置網(wǎng)站編碼--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--網(wǎng)頁標(biāo)題--> <title>英雄聯(lián)盟</title> <!--鏈接CSS文件--> <link href="css/css.css" rel="stylesheet" type="text/css"></head><!--結(jié)束頭部--><body> <!--主體部分開始--> <!--插入背景音樂--> <audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop"> <source src="music/1.mp3" type="audio/ogg"> <source src="music/1.mp3" type="audio/mpeg"> </audio> <!--IE背景音樂--> <bgsound src="music/1.mp3" autostart="true" loop="-1"> <!--制作導(dǎo)航部分--> <div id="dh"> <!--列表制作超鏈接--> <div id="nav"> <ul> <li><a href="" class="current">網(wǎng)站首頁</a></li> <li><a href="bj.html">背景簡介</a></li> <li><a href="youxi.html">游戲系統(tǒng)</a></li> <li><a href="yxlb.html">英雄列表</a></li> <li><a href="ziliao.html">物品資料</a></li> <li><a href="dl.html">在線登陸</a></li> </ul> </div> </div> <!--插入主體1,左邊插入LOGO,右邊插入大圖--> <div id="zt"> <div id="header"> <!--LOGO--> <div id="logo"><img src="picture/logo.png" width="275" height="100"></div> <!--圖片--> <div id="slider"> <div id="one" class="contentslider"> <div class="cs_wrapper"> <img src="picture/sy1.jpg" alt="Project 1"> </div> </div> <div class="cleaner"></div> </div> </div> </div> <!--制作主體二部分,分成三個部分,插入三列文字--> <div id="top1"> <div id="top_row"> <div class="top_row_box"> <h5>英雄聯(lián)盟的歷史</h5> <p>他們認(rèn)為惡毒自私如同疾病,應(yīng)當(dāng)從人類靈魂中根除。來到德瑪西亞并定居于此的</p> </div> <div class="top_row_box"> <h5>戰(zhàn)爭學(xué)院</h5> <p>戰(zhàn)爭學(xué)院內(nèi)部是馬約里斯秘術(shù)中心,部分是魔法學(xué)校,部分是法術(shù)儲藏地,還有一部</p> </div> <div class="top_row_box last"> <h5>諾克薩斯</h5> <p>就諾克薩斯居民的素質(zhì)而言,基本都是這條準(zhǔn)則的支持者。雖然看起來很殘酷,不過</p> </div> <div class="cleaner"></div> </div> </div> <!--制作主體三部分,上半部分插入大圖,下半部分圖文混排--> <div id="content_wrapper"> <div id="content"> <div class="banner"> <img src="picture/ba3.jpg" id="img"> </div> <h1>關(guān)于英雄聯(lián)盟</h1> <div class="image_wrapper fl_img"> <a href="#"><img src="picture/sy5.jpg" alt="image" width="250" height="180"></a> </div> <p class="wzbj">《英雄聯(lián)盟》(簡稱LOL)是由美國拳頭游戲(Riot Games)開發(fā)、中國大陸地區(qū)騰訊游戲代理運營的英雄對戰(zhàn)MOBA競技網(wǎng)游。</p> <p class="wzbj"> 游戲里擁有數(shù)百個個性英雄,并擁有排位系統(tǒng)、符文系統(tǒng)等特色養(yǎng)成系統(tǒng)。 《英雄聯(lián)盟》還致力于推動全球電子競技的發(fā)展,除了聯(lián)動各賽區(qū)發(fā)展職業(yè)聯(lián)賽、打造電競體系之外,每年還會舉辦“季中冠軍賽”“全球總決賽”“All Star全明星賽”三大世界級賽事,獲得了億萬玩家的喜愛,形成了自己獨有的電子競技文化。 英雄聯(lián)盟是一款多人競技類游戲,于2018年加入亞運會。</p> <div class="cleaner"></div> </div> </div> <!--插入頁面版權(quán)部分--> <div id="footer"> </div> <div id="copyright_wrapper"> <div id="copyright">? 英雄聯(lián)盟</div> </div> <!--結(jié)束版權(quán)--> <script> var i=0; var arr=['ba0','ba3','ba2','ba3','ba4','ba5','ba6']; var ba=document.querySelector("#img"); setInterval(function(){ i++; ba.src="images/"+arr[i]+".jpg"; if(i>arr.length-2){ i=0; } },2000) </script></body></html>
關(guān)鍵詞:英雄,聯(lián)盟,游戲,簡單
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。