時間：2023-10-01 00:42:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-10-01 00:42:01 來源：網(wǎng)站運(yùn)營
HTML5期末大作業(yè)：仿悅世界游戲網(wǎng)站設(shè)計(jì)——仿悅世界游戲官網(wǎng)(6頁) HTML+CSS+JavaScript web網(wǎng)頁設(shè)計(jì)實(shí)例作業(yè)：常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計(jì)題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們1.網(wǎng)頁作品簡介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機(jī)PC響應(yīng)式布局。2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。3.網(wǎng)頁作品技術(shù)：Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識點(diǎn)全覆蓋。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>yeahWorld</title> <link rel="icon" href="./static/v4/images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="./static/v4/css/public.css"> <link rel="stylesheet" href="./static/v4/css/index.css"> <script src="./static/v4/js/jquery.min.js"></script></head><body> <div class="nav"> <div class="nav_con"> <img class="logo" src="./static/v4/images/logo.png" width="10%"/> <img class="logo_infro" src="./static/v4/images/logo_infro.png" width="15%"/> <ul class="nav_ul"> <li class="nav_li"><a href="index.html" class="active_hover">首頁</a><div></div></li> <li class="nav_li"><a href="about.html">關(guān)于悅世界</a><div></div></li> <li class="nav_li"><a href="game.html">悅世界游戲</a><div></div></li> <li class="li_ep">加入悅世界<div class="li_list"><a href="join.html">社會招聘</a></div><div class="li_list"><a href="http://xiaozhao.yeahworld.com/index.html">校園招聘</a></div> </li> <li class="nav_li"><a href="work.html">商務(wù)合作</a><div></div></li> <li class="nav_li"><a href="contact.html">聯(lián)系我們</a><div></div></li> </ul> </div> </div> <div class="lunbanner"> <a class="lunbo_a" href="http://fantasy.yeahworld.com/"> <div class="lunbo"> </div> </a> <div class="lun_list"> <ul> <li class="foucus_list"></li> <li></li> <li></li> <li></li> </ul> </div> </div> <div class="lun_nav"> <ul> <a class="a1" href="game.html"> <li> <div class="lun_nav_title">悅世界游戲</div> <div class="lun_nav_infro">致力打造<br>多樣化、創(chuàng)作性游戲</div> </li> </a> <a class="a2" href="work.html"> <li> <div class="lun_nav_title">商務(wù)合作</div> <div class="lun_nav_infro">真誠 合作 共贏<br>期待與您建立全面的商務(wù)關(guān)系</div> </li> </a> <a class="a3" href="http://xiaozhao.yeahworld.com/index.html"> <li> <div class="lun_nav_title">悅世界招聘</div> <div class="lun_nav_infro">悅世界精英訓(xùn)練營，<br>打造最TOP的你！</div> </li> </a> </ul> </div> <div class="recommend"> <div class="r_title">熱門推薦</div> <div class="r_infro">RECOMMEND GAME</div> <div class="r_pic"> <div class="feng_pic"> <div class="r_c_cover"> <div class="r_c_c_title_one">《風(fēng)暴幻想》<br/>風(fēng)暴來襲 集結(jié)救世</div> <span class="r_c_line_one"></span> <div class="r_c_c_font_one">千人屠龍戰(zhàn)一觸即發(fā)</div> <div class="r_c_c_btn_one"><a href="http://fantasy.yeahworld.com/" target="_blank"><img src="./static/v4/images/right.png"/></a></div> </div> </div> <div class="find_pic"> <div class="r_c_cover"> <div class="r_c_c_title">《尋找前世之旅》<br/>同名電視劇正版授權(quán)</div> <span class="r_c_line"></span> <div class="r_c_c_font">劇情還原再現(xiàn)經(jīng)典</div> <div class="r_c_c_btn"><a href="http://g.iqiyi.com/xzqszl" target="_blank"><img src="./static/v4/images/right.png"/></a></div> </div> </div> <div class="glod_pic"> <div class="r_c_cover"> <div class="r_c_c_title">《妖神傳說》<br/>為愛入魔妖神出世</div> <span class="r_c_line"></span> <div class="r_c_c_font">全新坐騎驚艷登場</div> <div class="r_c_c_btn"><a href="http://yscs.yeahworld.com/" target="_blank"><img src="./static/v4/images/right.png"/></a></div> </div> </div> <div class="warm_pic"> <div class="r_c_cover"> <div class="r_c_c_title">《征戰(zhàn)十三州》<br/>九月新版本手游發(fā)布</div> <span class="r_c_line"></span> <div class="r_c_c_font">裂圖封王 君臨十三州</div> <div class="r_c_c_btn"><a href="http://zzssz.yeahworld.com/" target="_blank"><img src="./static/v4/images/right.png"/></a></div> </div> </div> <div class="light_pic"> <div class="r_c_cover"> <div class="r_c_c_title">《神域之光》<br/>觸摸會呼吸的魔幻世界</div> <span class="r_c_line"></span> <div class="r_c_c_font">新資料片震撼開啟</div> <div class="r_c_c_btn"><a href="http://sky.yeahworld.com/" target="_blank"><img src="./static/v4/images/right.png"/></a></div> </div> </div> </div> </div> <div class="brang_video"> <div class="r_title">品牌視頻</div> <div class="r_infro">BRANG VIDEO</div> <div class="b_content"> <div class="b_content_infro"> <div class="b_con_cover"> <div class="video_play2"> <img src="./static/v4/images/play.png"/> </div> </div> <div class="play_video2"> <video src="./static/v4/images/movie.mp4" width="100%" height="100%" controls></video> </div> </div> <div class="b_content_infro"> <div class="b_c_infro_t">風(fēng)暴幻想</div> <div class="b_c_infro_con">《風(fēng)暴英雄》游戲選用清晰獨(dú)特的幻想題材，在延續(xù)經(jīng)典的PVP、PVE玩法的基礎(chǔ)上，加入革新的戰(zhàn)斗模式，激爽暢快的競技快感，讓人欲罷不能。</div> <div class="b_c_btn"><a href="http://fantasy.yeahworld.com/" target="_blank"><img src="./static/v4/images/btn.png"></a></div> </div> <div class="b_content_infro"> <div class="b_c_infro_t b_c_t2">妖神傳說</div> <div class="b_c_infro_con b_c_t2">《妖神傳說》是悅世界清新唯美Q版MMO新作，以東方仙俠為背景，擁有跌巖起伏的劇情，絢麗的職業(yè)特色技能，獨(dú)特創(chuàng)新的游戲成長系統(tǒng)，豐富多彩的任務(wù)以及各具特色的游戲玩法，帶你體驗(yàn)一段激情四溢的仙俠戰(zhàn)斗之旅。</div> <div class="b_c_btn b_c_t2"><a href="http://yscs.yeahworld.com/" target="_blank"><img src="./static/v4/images/btn.png"></a></div> </div> <div class="b_content_infro"> <div class="b_con_cover"> <div class="video_play"> <img src="./static/v4/images/play.png"/> </div> </div> <div class="play_video"> <video src="./static/v4/images/movie2.mp4" width="100%" height="100%" controls></video> </div> </div> </div> </div> <div class="contact_us"> <div class="contact_con"> <div class="con_list c_c_one"> <div class="con_list_title">聯(lián)系我們</div> <div class="c_l_wx"> <img src="./static/v4/images/wx.png"/> <div class="wx_font">關(guān)注官方微信<br>獲得更多資訊</div> <img class="wx_img" src="./static/v4/images/ewm1.jpg"/> </div> <div class="c_l_wx c_l_wb"> <img src="./static/v4/images/wb.png"/> <div class="wx_font">關(guān)注官方微博<br>獲得更多資訊</div> </div> </div> <div class="con_list c_c_two"> <div class="c_c_t_con"> <img src="./static/v4/images/mail.png"/> <div class="c_mail">E-mail：advice@yeahworld.com</div> </div> <div class="c_c_t_con c_c_address"> <img src="./static/v4/images/address.png"/> <div class="c_mail">地址：浙江省杭州市海珠區(qū)新港東路琶洲新村</div> </div> </div> <div class="con_list c_c_three"> <a href="work.html?en"> <ul> <li class="three_special_li">business</li> <li>CPS、CPA and other cooperation in China</li> <li>Media cooperation</li> <li>Global market business</li> </ul> </a> </div> </div> </div> <div class="footer"> <div class="footer_con"> <div class="foote_logo"> <img src="./static/v4/images/logo.png"/> </div> <div class="footer_font"> <ul> <li><a href="about.html" target="_blank">關(guān)于悅世界 </a><span class="np">|</span> <a href="" target="_blank"></a>服務(wù)條款<span class="np">|</span> <a href="work.html" target="_blank">商務(wù)合作</a><span class="np">|</span> <a href="contact.html" target="_blank">聯(lián)系我們</a></li> <li><a href="http://sky.yeahworld.com/news/2015/0211/1190.html" target="_blank">《網(wǎng)絡(luò)游戲管理暫行辦法》</a> <a href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/gameNetTag/386615A1709B41BF989E35C4D54E9522" target="_blank"><img src="./static/v4/images/wen2.png"/></a> <a href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/gameNetTag/4028c08b525431c6015281d9acbd4cb9" target="_blank">文網(wǎng)游備字[2016]M-RPG415號</a></li> <li>杭州悅世界信息科技有限公司 版權(quán)所有 粵網(wǎng)文 【2013】 0785-185號 粵ICP備13055200號-1</li> </ul> </div> </div> </div></body></html><script> $(function() { function play() { this.a = -1; this.url = ["banner1.jpg","banner2.jpg","banner3.jpg","banner4.jpg"]; this.aurl = ["http://fantasy.yeahworld.com/","http://zzssz.yeahworld.com/","http://g.iqiyi.com/xzqszl","join.html"]; }; play.prototype = { Lun:function() { $(".lunbanner .lunbo_a").attr("href",Play.aurl[Play.a]); $(".lunbanner .lunbo").css({"background":"url(./static/v4/images/"+Play.url[Play.a]+") no-repeat center"},"backgroundSize","auto 100%"); if(Play.a > 2) { Play.a = -1; } Play.a++; $(".lun_list ul li").removeClass("foucus_list"); $(".lun_list ul li").eq(Play.a-1).addClass("foucus_list"); // console.log(Play.a); }, Inval:function() { setInterval(Play.Lun(),2000); }, Click:function() { $(".lun_list ul li").click(function() { console.log($(this).index()); $(".lun_list ul li").removeClass("foucus_list"); $(".lun_list ul li").eq($(this).index()).addClass("foucus_list"); Play.a = $(this).index(); $(".lunbo").css({"background":"url(./static/v4/images/"+Play.url[Play.a]+") no-repeat center"},"backgroundSize","100%"); $(".lunbanner .lunbo_a").attr("href",Play.aurl[Play.a]); }); }, NavHover:function() { $(".nav_li").hover(function() { $(this).find('div').stop().animate({"width":"100%"},300); },function() { $(this).find('div').stop().animate({"width":"0px"},200); }); }, Video:function(a,b) { $(a).click(function() { console.log($(this).find("video")); $(b).fadeIn(); $(this).parent().parent().find("video")[0].play(); }); } } var Play = new play() Play.Lun(); Play.Inval(); setInterval(Play.Inval,5000); Play.Click(); Play.NavHover(); Play.Video(".video_play2",".play_video2"); Play.Video(".video_play",".play_video"); })</script>~ 關(guān)注我，點(diǎn)贊博文~ 每天帶你漲知識!相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號 獲取更多源碼 !web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞：游戲,世界,設(shè)計(jì),作業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
