国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5期末大作業(yè):景點介紹網(wǎng)站設(shè)計——漢中印象景點介紹 (19頁) HTML+CSS+JavaSc

HTML5期末大作業(yè):景點介紹網(wǎng)站設(shè)計——漢中印象景點介紹 (19頁) HTML+CSS+JavaSc

時間:2023-09-21 05:54:01 | 來源:網(wǎng)站運營

時間:2023-09-21 05:54:01 來源:網(wǎng)站運營

HTML5期末大作業(yè):景點介紹網(wǎng)站設(shè)計——漢中印象景點介紹 (19頁) HTML+CSS+JavaScript 學(xué)生旅行 游玩 主題住宿網(wǎng)頁:

HTML5期末大作業(yè):景點介紹網(wǎng)站設(shè)計——漢中印象景點介紹 (19頁) HTML+CSS+JavaScript 學(xué)生旅行 游玩 主題住宿網(wǎng)頁

常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

獲取更多源碼

PC電腦端關(guān)注我們

作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

作品介紹

1.網(wǎng)頁作品簡介 :HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載,文章頁支持手機PC響應(yīng)式布局。

2.網(wǎng)頁作品編輯:作品下載后可使用任意HTML編輯軟件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁)。

3.網(wǎng)頁作品技術(shù):Div+CSS、鼠標滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等,視頻、 音頻元素 、Flash,同時設(shè)計了logo(源文件),基本期末作業(yè)所需的知識點全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>漢中印象</title><link href="css/style.css" rel="stylesheet" type="text/css" /></head><body onload=""> <div class="w" style="height:80px; margin-top:5px;"> <!--logo--> <div style="float:left;"> <div class="logo"><img src="img/5.jpg" /></div> <div class="lg"><img src="img/3.jpg" /></div> </div> <!--menu菜單--> <div class="menu"> <ul> <li><a href="index.html">首頁</a></li> <li><a href="hzms.html" target="_blank">漢中美食</a></li> <li><a href="fjms.html" target="_blank">風(fēng)景名勝</a></li> <li><a href="lygl.html" target="_blank">旅游指南</a></li> <li><a href="lsyz.html" target="_blank">歷史遺址</a></li> <li class="zh"><a href="lsrw.html" target="_blank">歷史人物</a></li> </ul> </div></div><div class="top w"><img src="img/top.jpg" id="img" /></div><!--banaer圖片--> <div class="w"> <div class="hz">漢中簡介</div> <div class="lb"><img src="img/3.hz.JPG" /></div> <div class="wz"> <span> 漢中市位于浙江省西南部,古稱:南鄭、梁州、天漢,是漢王朝的發(fā)祥地,長江第一大支流漢江的源頭,秦巴山片區(qū)三大中心城市之一,有<b style="color:#F00;">“漢家發(fā)祥地,中華聚寶盆”</b>的美譽。</span><span> 漢中北依秦嶺,南屏巴山,中部是漢中盆地,自古就被稱為“天府之國”和“魚米之鄉(xiāng)”,歷來都是兵家必爭之地。因境內(nèi)洋縣生存有全國一級保護鳥類、“世界珍禽”——朱鹮,故又被稱為“朱鹮之鄉(xiāng)”?,F(xiàn)轄漢臺區(qū)、南鄭縣、城固縣、洋縣、勉縣、西鄉(xiāng)、寧強、略陽、鎮(zhèn)巴、留壩、佛坪1區(qū)10縣。</span><span> 漢中是國家歷史文化名城、中國優(yōu)秀旅游城市、國家生態(tài)示范區(qū)建設(shè)試點地區(qū)、全國雙擁模范城、國家衛(wèi)生城市。主產(chǎn)水稻、小麥、油菜等,有大熊貓、金絲猴、羚牛、朱鹮等珍稀動物,自然環(huán)境與物產(chǎn)非常豐富。擁有長青國家級自然保護區(qū)、佛坪國家級自然保護區(qū)、寧強青木川國家級自然保護區(qū)、米倉山國家級自然保護區(qū)、略陽大鯢國家級自然保護區(qū)、略陽珍稀水生動物國家級自然保護區(qū),有4個國家級森林公園,被公認為地球上同一緯度生態(tài)最好和最適宜人類居住的地區(qū)之一。<b style="color:#F00;">漢中是南水北調(diào)中線水源地源頭。</b></span> </div></div> <!--漢中簡介--><div class="w"> <div class="left"> <div class="bk"> <div class="left1"><font>風(fēng) 景 名 勝</font></div> <div class="left2"> <ul> <li><a href="liping.html" target="_blank">黎 平 森 林 公 園</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="fjtz.html" target="_blank">石 門 棧 道 風(fēng) 景 區(qū)</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="qmc.html" target="_blank">華 陽 古 鎮(zhèn) 青 木 川</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="tiantaishan.html" target="_blank">天 臺 山 森 林 公 園</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="zhuhuan.html" target="_blank">朱 鹮 自 然 保 護 區(qū)</a></li> <li style="border-bottom:#999 1px dashed;"></li> </ul> </div> </div> <div class="bk1"> <div class="left1"><font>旅 游 指 南</font></div> <div class="left2"> <ul> <li><a href="lipingGL.html" target="_blank">黎 平 森 林 公 園</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="lipingGL.html" target="_blank">石 門 棧 道 風(fēng) 景 區(qū)</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="lipingGL.html" target="_blank">華 陽 古 鎮(zhèn) 青 木 川</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="lipingGL.html" target="_blank">天 臺 山 森 林 公 園</a></li> <li style="border-bottom:#999 1px dashed;"></li> <li><a href="lipingGL.html" target="_blank">朱 鹮 自 然 保 護 區(qū)</a></li> <li style="border-bottom:#999 1px dashed;"></li> </ul> </div> </div> </div> <!--左邊列表--> <div class="con"> <div class="con1"><font>漢 中 美 食</font><a href="hzms.html" >更多 》</a></div> <div class="con2"> <p>門水庫的修建使褒斜道遺址被水淹沒。石門棧道是在褒斜棧道原址上方抬高72米仿建而成,全長1.8km,濃縮了古棧道的七種形制,以及“郵、亭、驛”等古建筑。成為漢中旅游的一張精美名片。 目前,褒斜棧道(即石門棧道)位于石門棧道景區(qū)內(nèi),景區(qū)中湖光山色兩相映,翠峰林立,景色宜人,早在清朝同治時期就被文人王晚香概括為“褒谷二十四景的修建使褒斜道遺址被水淹沒。石門棧道是在褒斜棧道原址上方的修建使褒斜道遺址被水淹沒。石門棧道是在褒斜棧道原址上方”而聞名于世。</p> </div> <div id="bgd"> <div class="vbgd" onmouseover="picstops()" onmouseout="picstart()"> <div class="tp" id="tp1"> <img src="img/sy.1.JPG"/> <img src="img/sy.2.JPG"/> <img src="img/sy.3.JPG"/> <img src="img/sy.4.JPG" /> <img src="img/ms.JPG"/> <img src="img/ms1.JPG"/> <img src="img/ms2.JPG"/> <img src="img/ms3.JPG" /> </div> <div id="tp2"></div> </div> </div> <div class="con3"><font>歷 史 遺 址</font><a href="lsyz.html" >更多 》</a></div> <div class="con4" id="gd"> <div class="vgd" onmouseover="stops()" onmouseout="start()"> <div id="gd1"> <div> <img src="img/4.hz.JPG" width="246" height="200"/> <p>武 侯 墓</p> </div> <div> <img src="img/yz.1.JPG" width="246" height="200"/> <p>褒 河 棧 道</p> </div> <div> <img src="img/yz3.JPG" width="246" height="200"/> <p>武 侯 墓</p> </div> </div> <div id="gd2"></div> </div> </div> </div> <!--中間內(nèi)容--> <div class="right"> <div class="r1"><font>歷 史 人 物</font><a href="lsrw.html" target="_blank">更多 》</a></div> <div class="rbk"> <div class="r2"> <p>劉備(161年-223年6月10日)字玄德,東漢末年幽州涿郡涿縣(今浙江省涿州市)人,西漢杭州靖王劉勝的后代,三國時期蜀漢開國皇帝、政治家、史家又稱他為先主。</p> </div> <div class="r3"><img src="img/linbei.PNG" /></div> </div> <div class="rbk1"> <div class="r2"> <p>諸葛亮(181年-234年10月8日[1]),字孔明,號臥龍(也作伏龍),漢族,杭州瑯琊陽都(今浙江臨沂市沂南縣)人,三國時期蜀漢丞相,杰出的政治家、軍事家、散文家、書法家、發(fā)明家</p> </div> <div class="r5"><img src="img/zgl.PNG"/></div> </div> </div> <!--右邊內(nèi)容--></div> <div class="copy w"> <pre> Copyright 2008-2010 Bluestation Net,All Rights Reserved 版本所有:漢中旅游 景點地址:陜 西 省 漢 中 市 全 境 陜ICP備09160023號 咨詢電話:0916-4969720 技術(shù)支持:華育國際 </pre></div> <!--copy--></body> <script> var arr=new Array('img/top.jpg','img/top21.jpg','img/top22.jpg'); var i=0;//下標 var t=null; function change(){ //清除計時器 window.clearTimeout(t); //獲取圖片對象 var img=document.getElementById('img'); //改變圖片路徑 img.src=arr[i]; //下標的增加 i++; //下標范圍的控制 if(i>arr.length-1){ i=0; } //設(shè)置計數(shù)器 t=window.setTimeout('change()',2000); } change();</script> <script type="text/javascript"> var gd =document.getElementById('gd') var gd1 = document.getElementById('gd1') var gd2 = document.getElementById('gd2') var time=null; gd2.innerHTML=gd1.innerHTML; function gundong () { //alert(gd.scrollLeft) if (gd.scrollLeft>gd1.offsetWidth) { gd.scrollLeft-=gd1.offsetWidth }else{ gd.scrollLeft+=2; }; } function start () { // 清空定時器 window.clearInterval(time); //定義定時器 time = window.setInterval('gundong()',30) } function stops () { // 清空定時器 window.clearInterval(time); } start() </script> <script> var bgd =document.getElementById("bgd") var tp1=document.getElementById("tp1") var tp2=document.getElementById("tp2") tp2.innerHTML=tp1.innerHTML; var tm=null; function picgundong () { //alert(gd.scrollLeft) if (bgd.scrollLeft>tp1.offsetWidth) { bgd.scrollLeft-=tp1.offsetWidth }else{ bgd.scrollLeft+=5; }; } function picstart () { // 清空定時器 window.clearInterval(tm); //定義定時器 tm = window.setInterval('picgundong()',60) } function picstops () { // 清空定時器 window.clearInterval(tm); } picstart () </script></html>






四、獲取更多源碼

作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

~ 關(guān)注我,點贊博文~ 每天帶你漲知識!

相關(guān)問題可以相互學(xué)習(xí),可關(guān)注↓公Z號 獲取更多源碼 !



五、學(xué)習(xí)資料

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è)計需求, 喜歡的可以下載!



關(guān)鍵詞:印象,漢中,設(shè)計,作業(yè)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉