常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、" />

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

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > HTML5+CSS大作業(yè)——汽車專題網(wǎng)頁設(shè)計(jì)(1頁) dreamweaver作業(yè)靜態(tài)HTML網(wǎng)頁設(shè)計(jì)模板

HTML5+CSS大作業(yè)——汽車專題網(wǎng)頁設(shè)計(jì)(1頁) dreamweaver作業(yè)靜態(tài)HTML網(wǎng)頁設(shè)計(jì)模板

時(shí)間:2023-10-12 00:54:01 | 來源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-10-12 00:54:01 來源:網(wǎng)站運(yùn)營(yíng)

HTML5+CSS大作業(yè)——汽車專題網(wǎng)頁設(shè)計(jì)(1頁) dreamweaver作業(yè)靜態(tài)HTML網(wǎng)頁設(shè)計(jì)模板:

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

獲取更多源碼

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

作者主頁-更多源碼

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

@TOC

一、作品展示







二、文件目錄







三、代碼實(shí)現(xiàn)

<html lang="zh"><head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=2"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <link rel="stylesheet" href="css/css.css"> <link rel="stylesheet" href="css/mian.css"> <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script> <script src="js/js.js"></script> <script src="js/countUp.min.js"></script></head><body> <div class="top_header"> <div class="he_top"> <div class="header"> <div class="he_1"> <img src="img/hcd.jpg" alt="hcd" class="hcd"> </div> <div class="he_2"> <img src="img/font.png" alt="hcd" class="font"> </div> <div class="he_3"> <span>濂借濺璐蜂即鎮(zhèn)ㄨ儲(chǔ)瀵屼竴鐢?</span> </div> <!-- <div class="go_x"> &gt;&gt;&gt; </div>--> <div class="zje"> <i>鎬繪垚浜ら噾棰?(鍏?)</i> <p id="number_p1">3565600000.00</p> <!-- <span>鎰熻阿姣忎竴涓綘</span> --> </div> </div> <div class="gxyn"> <p>鎰熻阿,鎴戜滑涓€璺蛋鏉ユ湁浣犵浉浼?...</p> <div class="tzrs"> <p class="p1"> <i>鎶曡祫浜烘暟</i> <em><i id="ii1">78821</i><span>浣?</span></em> </p> <p class="p1 p2"> <i>騫村寲鏀剁泭</i> <em>13<span>%</span>~19.2<span>%</span></em> </p> <p class="p1 p3"> <i>鐢ㄦ埛鏀剁泭</i> <em><span>錕?</span><i id="ii2">356560399</i></em> </p> </div> </div> </div> </div> <div class="sta_main"> <!-- <div class="go_x"> &gt;&gt;&gt; </div>--> <div class="stage"> <div class="zhuand"> <img src="img/logo1.png" alt=""> </div> <div class="with_y"> <div class="cicle"> <img src="img/xuanzhuan.png" alt="1"> <div class="center"> <p class="p1">鎴戜滑宸茬粡鎼烘墜璧拌繃608澶╋紝鎴戜滑鐩歌瘑鐩哥煡</p> <p class="p1">鎮(zhèn)ㄧ溂涓殑鎴戯紝涓€鐩翠唬琛ㄥ畨鍏ㄤ笌璐d換</p> <p class="p2">78597浣嶆姇璧勪漢錛屽湪鍏蟲敞濂借濺璐?</p> <p class="p2">鎴戜滑鍚屾牱鎯充負(fù)鎮(zhèn)ㄥ仛鐨勬洿澶?</p> <p class="p2">......</p> </div> <i class="i1">涓婁氦鎵€鎸傜墝涓婂競(jìng)</i> <i class="i2">100%鏈伅淇濋殰</i> <i class="i3">瀹夊叏椋庢帶</i> <i class="i4">浜掕仈緗戦噾铻嶈涓氬崗浼?xì)浼?xì)鍛樺崟浣?</i> <i class="i5">絎笁鏂硅祫閲戞墭綆?</i> <i class="i6">騫沖畨淇濋櫓鍏ㄧ▼鎵夸繚</i> <i class="i7">涓浗閲戣瀺璁よ瘉涓績(jī)瀹夊叏璁よ瘉</i> </div> </div> <div class="rocketship"> <img src="img/a1.svg" alt=""> </div> <div class="rocketship"> <img src="img/a2.svg" alt=""> </div> </div> <div id="bg_start1" class="bg"></div> <div id="bg_start2" class="bg"></div> <div id="bg_start3" class="bg"></div> <div id="bg_start11" class="bg"></div> <div id="bg_start12" class="bg"></div> <div id="bg_start13" class="bg"></div> <div id="bg_start14" class="bg"></div> <div id="bg_start15" class="bg"></div> <div id="bg_start16" class="bg"></div> <div id="bg_start17" class="bg"></div> <div class="if_gd"></div> <!-- 鍊熸浜у搧 --> <div class="produce"> <p class="p1">鎴戜滑錛屼負(fù)鎮(zhèn)ㄦ惌寤轟笓涓氬畨鍏ㄧ殑閲戣瀺浜ゆ槗淇℃伅鏈嶅姟騫沖彴</p> <p class="p2">澶氬厓鍖栫殑鎶曡瀺璧勪笟鍔★紝璁╅噾铻嶄笌鐢熸椿鏇寸編濂?</p> <div class="chp"> <div class="chp01"> <p>鍊熸浜у搧</p> <p><img src="img/jkcp.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">杞﹁締鎶墊娂</p> <p class="p_fb02">鎴夸駭鎶墊娂</p> <p class="p_fb03">鎸夋彮璐濺</p> <p class="p_fb04">铻嶈祫縐熷嚟</p> </div> </div> <div class="chp01"> <p>鐞嗚儲(chǔ)浜у搧</p> <p><img src="img/lccp.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">綺劇伒璐?</p> <p class="p_fb02">瀛e害璐?</p> <p class="p_fb03">鍗婂勾綰?</p> <p class="p_fb04">騫存弧鐩?</p> </div> </div> <div class="chp01"> <p>縐誨姩閲戣瀺</p> <p><img src="img/ydjr.jpg" alt="1"></p> <div class="chp_fb"> <p class="p_fb01">鎺屼笂鐞嗚儲(chǔ)</p> <p class="p_fb02">璐村績(jī)綆″</p> </div> </div> </div> </div> <div class="safe"> <p class="p1">鎴戜滑錛屼負(fù)鎮(zhèn)ㄦ瀯絳戝叏鏂逛綅瀹夊叏淇濋殰</p> <p class="p2">鏋佽嚧鍦板懙鎶わ紝璁╅噾铻嶆姇璧勬洿瀹夊績(jī)</p> <div class="sf"> <div class="sf01"> <p><img src="img/cpyz.png" alt="1"></p> <p class="p1"> <i>浜у搧浼樿川</i> <span>瀹夊叏浼樿川鐨勯噾铻嶄駭鍝?</span> </p> </div> <div class="sf01"> <p><img src="img/sjaq.png" alt="1"></p> <p class="p1"> <i>鏁版嵁瀹夊叏</i> <span>澶氶噸鏁版嵁瀹夊叏淇濋殰涓庤璇?</span> </p> </div> <div class="sf01"> <p><img src="img/ptgf.png" alt="1"></p> <p class="p1"> <i>騫沖彴瑙勮寖</i> <span>涓氬姟嫻佺▼涓ユ牸瑙勮寖</span> </p> </div> <div class="sf01"> <p><img src="img/aqfk.png" alt="1"></p> <p class="p1"> <i>瀹夊叏椋庢帶</i> <span>鍥藉唴涓撲笟棰嗗厛NFC瀹夊叏椋庢帶浣撶郴</span> </p> </div> <div class="sf01"> <p><img src="img/zjaq.png" alt="1"></p> <p class="p1"> <i>璧勯噾瀹夊叏</i> <span>瀵規(guī)帴絎笁鏂規(guī)満鏋勬墭綆?</span> </p> </div> </div> </div> <!-- 瀹炵幇浜虹敓浠峰€? --> <div class="per_value"> <p class="p1">鎴戜滑鍒涢€犵殑涓嶄粎鏄儲(chǔ)瀵屼環(huán)鍊鹼紝鏇村姪鎮(zhèn)ㄥ疄鐜頒漢鐢熶環(huán)鍊?</p> <p class="p2"><img src="img/jz.png" alt="1"></p> </div> <div class="tiyan"> <p class="p1">鎮(zhèn)ㄦ兂瑕佺殑涓嶄粎鏄儲(chǔ)瀵岀Н绱?</p> <p class="p2">鏇存槸闅忔椂闅忓湴銆佹祦鐣呯殑浣撻獙</p> <p class="p3"><img src="img/ty.png" alt="1"></p> </div> <div class="dongli"> <p class="p1">鎮(zhèn)ㄦ槸鎴戜滑涓嶆柇鍓嶈鐨勯┍鍔ㄥ姏</p> <p class="p2">鎰熻阿鏈€鐗瑰埆鐨勪綘錛岃鎴戜滑鍔姏鍋氬緱鏇村ソ</p> <div class="dtn"> <div class="ps ps01"> <img src="img/p01.png" alt=""> <div class="js"> <p class="p1">鏈€鍏鋒姇璧勭溂鍏夌殑浣?</p> <p class="p2">鐢鳳紝47宀侊紝嫻欐睙</p> <p class="p3">绱鎶曡祫589涓囧厓錛屽叡鎶曡祫491嬈?</p> </div> </div> <div class="ps ps02"> <img src="img/p02.png" alt=""> <div class="js"> <p class="p1">鏈€闆峰帀椋庤鐨勪綘</p> <p class="p2">濂籌紝32宀侊紝鍖椾含</p> <p class="p3">棣栨娉ㄥ唽鍒版姇璧勪粎鐢ㄦ椂2鍒?06縐?</p> </div> </div> <div class="ps ps03"> <img src="img/p03.png" alt=""> <div class="js"> <p class="p1">鏈€涓€鎺峰崈閲戠殑浣?</p> <p class="p2">鐢鳳紝29宀侊紝涓婃搗</p> <p class="p3">鍗曠瑪鎶曡祫閲戦32涓囧厓</p> </div> </div> <div class="ps ps04"> <img src="img/p04.png" alt=""> <div class="js"> <p class="p1">鍖哄煙鏈€闆嗕腑鐨勪綘</p> <p class="p2">鏈€澶氫笂嫻風(fēng)敤鎴烽€夋嫨濂借濺璐?</p> <p class="p3">鍗犳瘮楂樿揪26%</p> </div> </div> </div> </div> <div class="power"> <p>鎴戜滑錛屼唬琛ㄧ潃琛屼笟鐨勪腑鍧氬姏閲忥紝緇欐?zhèn)ㄥ甫鏉ユ洿鏀惧績(jī)鐨勬姇璧勪綋楠?span ></p> <div class="xxk"> <ul class="left"> <li style="z-index:2;"><img src="img/a1.jpg" /></li> <li><img src="img/a2.jpg" /></li> <li><img src="img/a3.jpg" /></li> <li><img src="img/a4.jpg" /></li> <li><img src="img/a5.jpg" /></li> <li><img src="img/a6.jpg" /></li> </ul> <ol> <li class="li1"><img class="active" src="img/w1.jpg" /></li> <li class="li2"><img src="img/w2.jpg" /></li> <li class="li3"><img src="img/w3.jpg" /></li> <li class="li4"><img src="img/w4.jpg" /></li> <li class="li5"><img src="img/w5.jpg" /></li> <li class="li6"><img src="img/w6.jpg" /></li> </ol> </div> </div> <div class="rongyu"> <div class="ry"> <img src="img/i11.png" alt="1"> <p class="p1">浜掕仈緗戦噾铻嶈涓氱櫨寮烘帓鍚嶇88浣嶏紝</p> <p class="p2">鍥藉唴3000澶氬鍚岀被騫沖彴</p> </div> <div class="ry"> <img src="img/i12.png" alt="1"> <p class="p1">涓浗鏈€鍏蜂俊璧栫殑浜掕仈緗戦噾铻嶆満鏋?</p> </div> <div class="ry"> <img src="img/i13.png" alt="1"> <p class="p1">CCTV浜掕仈緗戦噾铻嶅鉤鍙版渶浣充駭鍝佸垱鏂板</p> </div> <div class="ry"> <img src="img/i21.png" alt="1"> <p class="p1">涓浗浜掕仈緗戦噾铻嶈仈鐩熷ぇ浼?xì)鐞嗕簨鍗曚?</p> </div> <div class="ry"> <img src="img/i22.png" alt="1"> <p class="p1">瀹夊窘姘戣惀浼佷笟鍗佸ぇ鍒涙柊浜虹墿</p> </div> <div class="ry"> <img src="img/i23.png" alt="1"> <p class="p1">棣栧眾鍚堣偉闈掑勾鍒涗笟濂栨彁鍚嶅</p> </div> <div class="ry"> <img src="img/i31.png" alt="1"> <p class="p1">瀹夊窘姘戣惀浼佷笟鍗佸ぇ鍒涙柊棰嗗啗浜虹墿</p> </div> <div class="ry"> <img src="img/i32.png" alt="1"> <p class="p1">緗戜笂浜ゆ槗淇濋殰涓績(jī)浼?xì)鍛樺崟浣?span ></p> </div> <div class="ry"> <img src="img/i33.png" alt="1"> <p class="p1">鍙俊緗戠珯楠岃瘉鍗曚綅</p> </div> </div> <div class="web"> <p class="p1"> <img src="img/c1.png" alt="1"> <img src="img/c2.png" alt="1"> <img src="img/c3.png" alt="1"> <img src="img/c4.png" alt="1"> <img src="img/c5.png" alt="1"> </p> <p class="p2"> <img src="img/c6.png" alt="1"> <img src="img/c7.png" alt="1"> <img src="img/c8.png" alt="1"> <img src="img/c9.png" alt="1"> <img src="img/c10.png" alt="1"> </p> </div> <div class="to_width"> <p class="p1">鎴戜滑涓€璧瘋蛋榪囦簡(jiǎn)608澶╋紝鏈潵榪樻湁鏇磋繙.....</p> <div class="to_js"> <div class="t2014"> <i>2014騫?1鏈?</i> <em>濂借濺璐峰鉤鍙板叏鏂頒笂綰?</em> <span>濂借濺璐峰搧鐗岃崳鑾稢CTV2013騫村害鏈€浣充駭鍝佸垱鏂板錛屽垱鏂拌濺璐風(fēng)粡钀ユā寮忚騫挎硾璁ょ煡</span> </div> <div class="t2014 t2014_3"> <i>2014騫?3鏈?</i> <em>濂借濺璐蜂唬琛ㄥ畨寰藉敮涓€鑽h喓CIFC涓浗浜掕仈緗戦噾铻嶈仈鐩熷叏鍥界櫨寮哄搧鐗?</em> <span>瀹夊窘鐪侀暱澶╄祫浜х鐞嗘湁闄愬叕鍙歌崳鑾稢IFC涓浗浜掕仈緗戦噾铻嶈仈鐩熺悊浜嬪崟浣?</span> </div> <div class="t2014 t2014_7"> <i>2014騫?7鏈?</i> <em>濂借濺璐瘋崳鑶轟簰鑱旂綉淇$敤AA綰т紒涓?</em> </div> <div class="t2014 t2014_8"> <i>2014騫?8鏈?</i> <em>濂借濺璐瘋崳鑶轟簰鑱旂綉淇$敤AA綰т紒涓?</em> </div> <div class="t2014 t2014_10"> <i>2014騫?10鏈?</i> <em>濂借濺璐峰搧鐗屾巿鏉冧腑蹇?jī)鑻忓窞鍒嗗叕鍙告寮忔垚绔?span ></em> </div> <div class="t2014 t2014_11"> <i>2014騫?11鏈?</i> <em>濂借濺璐鋒垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細(xì)</em> <span>瀹夊窘鐪侀暱澶╄祫浜х鐞嗘湁闄愬叕鍙革紙濂借濺璐鳳級(jí)涓婃搗鑲℃潈鎵樼浜ゆ槗涓績(jī)鎸傜墝涓婂競(jìng)錛屼唬鐮侊細(xì)202565</span> <p>濂借濺璐鋒垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細(xì)錛圓CIFI錛夈€?</p> </div> <div class="t2014 t2015_4"> <i>20154騫?4鏈?</i> <em>濂借濺璐瘋幏閭€(gè)鍙傚姞鍟嗗姟閮ㄩ棴闂ㄤ細(xì)璁?</em> </div> <div class="t2014 t2015_5"> <i>2015騫?5鏈?</i> <em>濂藉ソ杞﹁捶鍐嶈幏涓浗浜掕仈緗戦噾铻嶈涓氬崗浼?xì)璁ゅ彲锛岃崳鑶衡€滄渶鍏蜂俊璧栫殑浜掕仈緗戦噾铻嶆満鏋勨€濈О鍙楓€?</em> <span>濂借濺璐瘋鍒楀叆鈥滀簰鑱旂綉閲戣瀺淇$敤淇℃伅鍏變韓騫沖彴鈥濋鎵逛俊鐢ㄤ俊鎭噰闆嗗悎浣滃崟浣嶅悕鍗曪紝</span> <p>姝ゅ鉤鍙扮敱涓浗鍥介檯鐢?shù)瀛愬晢鍔′腑蹇?jī)錛堥毝灞炰腑鍗庝漢姘戝叡鍜屽浗鍟嗗姟閮級(jí)鎸囧鎴愮珛銆?</p> </div> <div class="t2014 t2015_7"> <i>2015騫?7鏈?</i> <em>濂借濺璐瘋幏鍗冧竾緹庡厓璧勬湰娉ㄥ叆</em> <span>濂借濺璐鋒墜鏈篈PP 4.0鐗堟湰涓婄嚎</span> </div> </div> </div> <div class="footer"> <p class="p0">鍗充嬌涓栫晫閭d箞澶э紝浣犳垜浠嶇劧鑳藉鐩哥煡騫剁浉璇嗐€?</p> <p class="p0" style="font-size:26px;">鍥犱負(fù)濂借濺璐鋒垜浠蛋鍦ㄤ竴璧鳳紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ錛?</p> <p class="p0" style="font-size:30px;color:white;">濂借濺璐?,涓€涓綘鏃犳硶鍓茶垗鐨勮儲(chǔ)瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼?xì)寰楀堫C綘鎯寵鐨?......</p> <p class="p1">鎰熻阿姣忎竴涓綘錛屾湡寰呬笅涓€涓綘</p> <p class="p2"><a href="javascript:void(0)">绔嬪嵆鍔犲叆</a></p> </div> <div class="join_us"> <a class="close">X</a> <form action=""> <input type="text" class="user" placeholder="璇瘋緭鍏ヨ處鎴?"> <input type="password" class="pwd" placeholder="璇瘋緭鍏ュ瘑鐮?"> <input type="submit" id="dl" value="鐧婚檰"> <p><i>榪樹笉鏄ソ杞﹁捶浼?xì)鍛樺??</i><a href="#">绔嬪嵆娉ㄥ唽</a></p> </form> </div> </div> <!--<div class="wo_tog"> <p class="p1">鍗充嬌涓栫晫閭d箞澶э紝浣犳垜浠嶇劧鑳藉鐩哥煡騫剁浉璇嗐€?</p> <p class="p2">鍥犱負(fù)濂借濺璐鋒垜浠蛋鍦ㄤ竴璧鳳紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ錛?</p> <p class="p3">濂借濺璐?,涓€涓綘鏃犳硶鍓茶垗鐨勮儲(chǔ)瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼?xì)寰楀堫C綘鎯寵鐨?......</p> </div>--> <script> var options = { useEasing: true, useGrouping: true, separator: ',', decimal: '.', prefix: '', suffix: '' }; var number = $('#number_p1').text(); var ii1 = $('#ii1').text(); var ii2 = $('#ii2').text(); var gd = new CountUp("number_p1", 0, number, 0, 2.5, options); var ii1 = new CountUp("ii1", 0, ii1, 0, 2.5, options); var ii2 = new CountUp("ii2", 0, ii2, 0, 2.5, options); gd.start(); $(window).scroll(function() { if ($(window).scrollTop() >= 900) { ii1.start(); ii2.start(); } }) </script></body></html>






四、獲取更多源碼

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

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



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

web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站





六、更多源碼

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

HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!



關(guān)鍵詞:作業(yè),設(shè)計(jì),模板,靜態(tài),專題,汽車

74
73
25
news

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

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