時(shí)間：2023-09-29 20:12:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-29 20:12:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
HTML5期末大作業(yè)：仿英雄聯(lián)盟網(wǎng)站設(shè)計(jì)——仿英雄聯(lián)盟LOL首頁(yè)(11頁(yè)) 大學(xué)生簡(jiǎn)單個(gè)人靜態(tài)HTML網(wǎng)頁(yè)設(shè)計(jì)作品 DIV布局個(gè)人介紹網(wǎng)頁(yè)模板代碼 DW學(xué)生個(gè)人網(wǎng)站制作成品下載：常見網(wǎng)頁(yè)設(shè)計(jì)作業(yè)題材有個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁(yè)設(shè)計(jì)題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們1.網(wǎng)頁(yè)作品簡(jiǎn)介 ：HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。2.網(wǎng)頁(yè)作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁(yè)）。3.網(wǎng)頁(yè)作品技術(shù)：Div+CSS、鼠標(biāo)滑過(guò)特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁(yè)面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" href="css/reset.css"><link rel="stylesheet" href="css/index.css"><title>仙劍奇緣</title><meta name="author" content="order by www.adminbuy.cn" /><script src="js/jquery-3.1.1.min.js"></script></head><body><div class="app"> <!-- cover1 --> <div class="cover1"> <div class="c_content1"> <div class="c_del1"></div> <div class="c_cont1_main"> <img class="c_con1_title" src="picture/con1_title.png"/> <div class="c_con1_box"> <img class="c_con_b_pic" src="picture/con_ewm.jpg"/> <div class="c_con_b_font"> <div class="c_con_b_f_title">劍舞奇緣</div> <div class="c_con_b_f_title2">微信搜索公眾號(hào)：</div> <div class="c_con_b_f_title3">jwqysy</div> <div class="c_con_b_f_title4"> <img src="picture/circle_arrow.png"/> <span>掃描立刻關(guān)注</span> </div> </div> </div> </div> </div> </div> <!-- cover2 --> <div class="cover2"> <div class="c_content2"> <div class="c_del2"></div> <div class="c_cont2_main"> <img class="c_con2_title" src="picture/con2_title.png"/> <div class="c_con2_tab"> <div class="c_con_t_t1"> <ul class="phonetab"> <li class="con_tab_active">Android</li> <li>ios</li> </ul> <input class="c_con_input1" value="" type="text" placeholder="請(qǐng)輸入您的手機(jī)號(hào)"/> <div class="con2_yan"> <input class="c_con_input2" value="" type="text" placeholder="請(qǐng)輸入您的驗(yàn)證碼"/> <input class="c_con_input3" type="submit" value="獲取驗(yàn)證碼"/> </div> </div> </div> <img class="con2_btn" src="picture/con2_btn.png"/> <div class="con2_list"> <ul> <li><img src="picture/conlist1.png"/><br> 銘文尋寶卷</li> <li><img src="picture/conlist2.png"/><br> 御靈水晶</li> <li><img src="picture/conlist3.png"/><br> 銀鼠坐騎</li> <li><img src="picture/conlist4.png"/><br> 高級(jí)美酒</li> <li><img src="picture/conlist5.png"/><br> 御靈水晶</li> </ul> </div> </div> </div> </div> <!-- cover3 --> <div class="cover3"> <div class="c_content3"> <div class="c_del3"></div> <img class="c_con3_title" src="picture/con3_title.png"> <div class="c_con3_font1"> 恭喜您預(yù)約成功，測(cè)試開始后我們將第一時(shí)間通過(guò)短信通<br/> 知您，并發(fā)送預(yù)約禮包兌換碼，敬請(qǐng)期待! </div> <div class="c_con3_font2"> <span>關(guān)注微信公眾號(hào)獲取更多禮包信息:</span> <img src="picture/con_ewm.jpg"/> </div> </div> </div> <!-- 客服 --> <div class="right_box"> <div class="right_btn"> <div class="right_font">展開</div> <div class="left_arrow"> <img src="picture/leftarrow.png"/> </div> </div> <div class="right_con"> <div class="right_line1"></div> <div class="right_line2"></div> <img class="rightbtn_ewm" src="picture/xuan_ewm.png"> <span>掃一掃關(guān)注官方微信</span> <div class="right_qq"> <a href="https://jq.qq.com/?_wv=1027&k=5XbrZuQ" target="_blank"><img src="picture/rqq.png"/></a> 官方交流群 </div> <div class="r_qq_hao">888888</div> <div class="right_phone"> <img src="picture/rphone.png"/> 客服熱線 </div> <div class="r_qq_hao">010-88888888</div> </div> </div> <!-- Nav --> <div class="navtop"> <div class="nav_con"> <img src="picture/logotop.jpg"/> <div class="nav_font"> <span class="n_f_f1">劍舞奇緣</span><br/> <span class="n_f_f2">3D玄幻情緣手游</span> </div> <ul class="navul"> <li> <a href="index.html">官網(wǎng)首頁(yè)</a> <span class="hoverd1"></span> <div class="diamond"></div> <span class="hoverd2"></span> </li> <li> <a href="news.html">新聞資訊</a> <span class="hoverd1"></span> <div class="diamond"></div> <span class="hoverd2"></span> </li> <li> <a href="strategy">玩法攻略</a> <span class="hoverd1"></span> <div class="diamond"></div> <span class="hoverd2"></span> </li> <li> <a href="javascript:void(alert('敬請(qǐng)期待！'));">資料大全</a> <span class="hoverd1"></span> <div class="diamond"></div> <span class="hoverd2"></span> </li> </ul> </div> </div> <!-- banner --> <div class="bgbanner"> <img src="picture/bgbanner.png" width="100%"> </div> <!-- gift --> <div class="gift"> <div class="gift_list"> <img src="picture/ewmbg.png"/> <img class="absoulte_ewm" src="picture/9096d7171f944ae38b242948e6449701.gif"/> <div class="g_store"> <a href=""><img class="an_pic_one" src="picture/appstore.png"/></a> <a href=""><img class="an_pic" src="picture/android.png"/></a> </div> <img class="gf_gif" src="picture/gfgift.jpg"/> <img class="g_yuyue" src="picture/yuyue.png"/> </div> <div class="gift_main"> <div class="g_main_left"> <div class="lunbo"> <div class="lun_show"> <img src="picture/lunbo1.jpg"/> <img src="picture/lunbo1.jpg"/> <img src="picture/lunbo1.jpg"/> <img src="picture/lunbo1.jpg"/> </div> <div class="lun_nav"> <ul> <li class="liactive"></li> <li class="liactive"></li> <li class="liactive"></li> <li class="liactive"></li> </ul> </div> </div> </div> <div class="g_main_right"> <div class="tab"> <div class="tab_line"></div> <div class="tab_line2"></div> <div class="tab_more"> <a href="news.html"><img src="picture/tabmore.png" alt="more"></a> </div> <div class="tab_red"> <img src="picture/red.png"/> </div> <ul class="nav_ul"> <li class="lidom" style="color: #A53248"> 最新 <img class="lidom_icon" src="picture/arrowup.png" style="display:block" /> </li> <li class="lidom"> 新聞 <img class="lidom_icon" src="picture/arrowup.png"/> </li> <li class="lidom"> 公告 <img class="lidom_icon" src="picture/arrowup.png"/> </li> <li class="lidom"> 活動(dòng) <img class="lidom_icon" src="picture/arrowup.png"/> </li> <li class="lidom"> 攻略 <img class="lidom_icon" src="picture/arrowup.png"/> </li> </ul> <!-- 須復(fù)制多個(gè) --> <div class="t_con t_con_active"> <ul> <li> <a href="">【新聞】1點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】1點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> </ul> </div> <div class="t_con"> <ul> <li> <a href="">【新聞】2點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】2點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> </ul> </div> <div class="t_con"> <ul> <li> <a href="">【新聞】3點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】3點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> </ul> </div> <div class="t_con"> <ul> <li> <a href="">【新聞】4點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】4點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> </ul> </div> <div class="t_con"> <ul> <li> <a href="">【新聞】5點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】5點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> <li> <a href="">【新聞】點(diǎn)石成金！《XXXX》拜年祭今日開啟...</a> <span>01-16</span> </li> </ul> </div> </div> </div> </div> </div> <!-- gamestart --> <div class="game"> <div class="game_con"> <img src="picture/gamebg.png"/> </div> </div> <!-- gameafter --> <div class="game_after"> <!-- <img class="gameafterbg" src="picture/gameafter.jpg"/> --> <div class="game_after_main"> <div class="lunbo2"> <div class="lun_show2"> <img src="picture/afterlun1.png"/> <img src="picture/afterlun2.png"/> <img src="picture/afterlun3.png"/> <img src="picture/afterlun4.png"/> </div> <div class="lun_nav2"> <ul> <li class="liactive2"></li> <li class="liactive2"></li> <li class="liactive2"></li> <li class="liactive2"></li> </ul> </div> </div> </div> </div> <!-- footer --> <div class="footer"> <div class="footer_main"> <img src="picture/companylogo.png" alt="logo"> <div class="footer_font"> <ul> <li>杭州某某信息科技有限公司版權(quán)所有</li> <li>Copyright ? 2013-2016 baidu.com All Rights Reserved</li> <li>杭州信息科技有限公司 蘇ICP12345678 粵網(wǎng)文【2016】0788-888號(hào)</li> <li>地址：杭州市玄武區(qū)玄武湖 <a href="http://www.adminbuy.cn" target="_blank">網(wǎng)站模板</a></li> </ul> </div> </div> </div></div></body></html><script> $(function() { function r_box() { var turn = 1; $(".right_btn").click(function() { if(turn == 1) { $(".right_box").css("right","0px"); $(".right_font").text("收回"); $(".left_arrow").css("transform","rotate(0deg)"); turn = 0; }else { $(".right_box").css("right","-118px"); $(".right_font").text("展開"); $(".left_arrow").css("transform","rotate(180deg)"); turn = 1; } }); } r_box(); // 輪播1 function lun(name,name2,name3) { this.i = -1; this.inter; this.name = name; this.name2 = name2; this.name3 = name3; } lun.prototype = { // 公共函數(shù) keyi: function () { this.i++ if (this.i == 4) { this.i = 0 } $(this.name).removeClass("active"); $(this.name).eq(this.i).addClass("active"); $(this.name2).css("marginLeft",(-this.i) * 100 + "%"); }, liClick:function() { var that = this; $(this.name).click(function() { that.i = $(this).index()-1; that.keyi(); }); }, Interval:function() { this.inter = setInterval(this.keyi.bind(this),2500); }, Hover:function() { var that = this; $(this.name3).hover(function() { clearInterval(that.inter); },function() { that.Interval(); }); }, start:function() { this.keyi(); this.Interval(); this.liClick(); this.Hover(); } } var Lunbo = new lun(".lun_nav ul li",".lun_show",".lunbo"); Lunbo.start(); var Lunbo2 = new lun(".lun_nav2 ul li",".lun_show2",".lunbo2"); Lunbo2.start(); // tab function tabs() { $(".nav_ul li").click(function() { // $(this).index() $(".t_con").hide(); $(".t_con").eq($(this).index()).fadeIn(200); $(".nav_ul li img").hide(); $(".nav_ul li img").eq($(this).index()).show(); $(".nav_ul li").css("color",""); $(".nav_ul li").eq($(this).index()).css("color",'#A53248'); }); } tabs(); // cover function Coverhide(name1,name2,n) { $(name1).click(function() { $(this).parent().parent().fadeOut(200); console.log($(this).parent().parent()); }); $(name2).click(function() { $(".cover"+n).fadeIn(200); }); } Coverhide(".c_del1",".gf_gif",1); Coverhide(".c_del2",".g_yuyue",2); Coverhide(".c_del3","",3); // ios && 安卓 function phonetb() { $(".phonetab li").click(function() { $(".phonetab li").removeClass("con_tab_active"); $(this).addClass("con_tab_active"); }); $(".c_con_input3").click(function() { var now = 60; console.log($(".c_con_input3").val()); var Stt = setInterval(function () { $(".c_con_input3").attr("disabled",true); $(".c_con_input3").css({"background":"gray","color":"#A9A9A9"}); $(".c_con_input3").val(now+'s后重新發(fā)送'); now-- if(now < 0) { clearInterval(Stt) $(".c_con_input3").val('獲取驗(yàn)證碼'); $(".c_con_input3").css({"background":"#DDDDDD","color":"black"}); $(".c_con_input3").attr("disabled",false); } },1000) }); } phonetb(); })</script>~ 關(guān)注我，點(diǎn)贊博文~ 每天帶你漲知識(shí)!相關(guān)問(wèn)題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào) 獲取更多源碼 !web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞：英雄,聯(lián)盟,簡(jiǎn)單,大學(xué)生,設(shè)計(jì),作業(yè)
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
