時間：2023-08-09 19:33:01 | 來源：網(wǎng)站運營
時間：2023-08-09 19:33:01 來源：網(wǎng)站運營
HTML5期末大作業(yè)：旅游出行網(wǎng)站設計——旅游網(wǎng)設計(15頁) HTML+CSS+JavaScript 學生DW網(wǎng)頁設計作業(yè)成品 學生旅游網(wǎng)站模板：常見網(wǎng)頁設計作業(yè)題材有個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設計題目,A+水平作業(yè), 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設計需求, 喜歡的可以下載!
在線咨詢
PC電腦端關注我們1.網(wǎng)頁作品簡介 ：HTML期末大學生網(wǎng)頁設計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。3.網(wǎng)頁作品技術：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link type="text/css" rel="stylesheet" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/menu.css"> <title>Document</title></head><body> <!-- 頂部 --> <header> <div> <img src="images/channelLogo_go_2.png"> <a href="http://www.huanqiu.com" class="huanqiu">環(huán)球網(wǎng) </a> <a href="register.html" class="sign">注冊</a> <a href="login.html" class="login">登錄</a> </div> </header> <!-- 導航欄 --> <div class="mod"> <div class="main22"> <ul> <li><a class="shouye" href="index.html">首頁</a></li> <li><a href="出游.html">出游</a></li> <li><a href="">環(huán)游號</a></li> <li><a href="旅游視覺.html">旅游視覺</a></li> <li><a href="愛這城.html">愛這城</a></li> <li><a href="特色小鎮(zhèn).html">特色小鎮(zhèn)</a></li> <li><a href="傳統(tǒng)村落.html">傳統(tǒng)村落</a></li> <li><a href="攻略.html">攻略</a></li> <li><a href="房車.html">房車</a></li> </ul> <div class="nav_mid_right"> <form action="" method="post"> <input type="text" class="search_text" /> </form> </div> </div> </div> <div class="cover"> <div id="julvSlideshow"> <ul id="showUl"> <li><img src="images/cover_05.jpg"></li> <li><img src="images/cover_01.png"></li> <li><img src="images/cover_02.jpg"></li> <li><img src="images/cover_03.jpg"></li> <li><img src="images/cover_04.jpg"></li> <li><img src="images/cover_05.jpg"></li> </ul> <div id="arrow1"><</div> <div id="arrow2">></div> <ul id="showUllist"> <li><a class="active" href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> </div> </div><script>//輪播圖效果 var num = 0; function G(id){ return document.getElementById(id) } arrA = G("showUllist").getElementsByTagName('a') G("arrow2").onclick = function(){ if(num<3){ num = num + 1; }else{ num = 0; } console.log(num) var ml = num * -1000 + "px"; G("showUl").style.marginLeft = ml; for(var i = 0;i < arrA.length;i++){ arrA[i].style.backgroundColor = "#1270d8"; } arrA[num].style.backgroundColor = "red"; } G("arrow1").onclick = function(){ if(num>0){ num = num - 1; }else{ num = 3; } console.log(num); var ml1 = num * -1000 + "px"; G("showUl").style.marginLeft = ml1; for(var i = 0;i < arrA.length;i++){ arrA[i].style.backgroundColor = "#1270d8"; } arrA[num].style.backgroundColor = "red"; } for(var i = 0;i < arrA.length;i++){ arrA[i].index = i; arrA[i].onclick = function(){ var ind = this.index; num = ind; var ml3 = num * -1000 + "px"; G("showUl").style.marginLeft = ml3; <img class="img" src="http://t11.baidu.com/it/u=3293615275,3501984461&fm=76"> <div class="heikuang">測試你多重人格</div> </div> <div class="content"> <img class="img" src="https://paimgcdn.baidu.com/huitu/v.B1A1DD43AC5ECEF35C2B09471EEF45E6?enc=gbk&img=http%3A%2F%2Fms.bdimg.com%2Fdsp-image%2Ft11.baidu.com%2Fit%2Fu%3D759311479%2C3852178776%26fm%3D76&tpl=sbb%2Fhuitu%2F2734_0.zip&second=%C9%CF%F1%AB%A3%A1%B8%F9%B1%BE%CD%A3%B2%BB%CF%C2%C0%B4%A3%A1&_rz=700x394&first=%B2%E9%BF%B4%CF%EA%C7%E9"> <div class="heikuang">滅神</div> </div> <div class="content"> <img class="img" src="http://t10.baidu.com/it/u=2793385842,2693122789&fm=76"> <div class="heikuang">Phthon招聘</div> </div> <div class="content"> <img class="img" src="http://t10.baidu.com/it/u=163794735,2023436622&fm=76"> <div class="heikuang">民宿短租</div> </div> <div class="content"> <img class="img" src="http://f11.baidu.com/it/u=656305057,3808546603&fm=76"> <div class="heikuang">一套vi設計</div> </div> <div class="content"> <img class="img" src="http://t11.baidu.com/it/u=4223602408,1477843916&fm=76"> <div class="heikuang">辦公室裝修</div> </div> <div class="content"> <img class="img" src="http://t12.baidu.com/it/u=1825496240,415754158&fm=76"> <div class="heikuang">網(wǎng)站建設</div> </div> </div> </div> </div> <IFRAME width=100% SRC="底部.html" scrolling="no" frameborder="no"></IFRAME></body></html>web前端 零基礎-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設計需求, 喜歡的可以下載! 關鍵詞：設計,旅游,學生,作業(yè)
微信公眾號
版權所有? 億企邦 1997-2025 保留一切法律許可權利。
