时间:2023-10-12 00:54:01 | 来源:网站运营
时间:2023-10-12 00:54:01 来源:网站运营
HTML5+CSS大作业——汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板:常见网页设计作业题材有个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目,A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
PC电脑端关注我们
***<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>濂借溅璐蜂即鎮ㄨ储瀵屼竴鐢�</span> </div> <!-- <div class="go_x"> >>> </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"> >>> </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">鎮ㄧ溂涓殑鎴戯紝涓€鐩翠唬琛ㄥ畨鍏ㄤ笌璐d换</p> <p class="p2">78597浣嶆姇璧勪汉锛屽湪鍏虫敞濂借溅璐�</p> <p class="p2">鎴戜滑鍚屾牱鎯充负鎮ㄥ仛鐨勬洿澶�</p> <p class="p2">......</p> </div> <i class="i1">涓婁氦鎵€鎸傜墝涓婂競</i> <i class="i2">100%鏈伅淇濋殰</i> <i class="i3">瀹夊叏椋庢帶</i> <i class="i4">浜掕仈缃戦噾铻嶈涓氬崗浼氫細鍛樺崟浣�</i> <i class="i5">绗笁鏂硅祫閲戞墭绠�</i> <i class="i6">骞冲畨淇濋櫓鍏ㄧ▼鎵夸繚</i> <i class="i7">涓浗閲戣瀺璁よ瘉涓績瀹夊叏璁よ瘉</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">鎴戜滑锛屼负鎮ㄦ惌寤轰笓涓氬畨鍏ㄧ殑閲戣瀺浜ゆ槗淇℃伅鏈嶅姟骞冲彴</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>鐞嗚储浜у搧</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">鎺屼笂鐞嗚储</p> <p class="p_fb02">璐村績绠″</p> </div> </div> </div> </div> <div class="safe"> <p class="p1">鎴戜滑锛屼负鎮ㄦ瀯绛戝叏鏂逛綅瀹夊叏淇濋殰</p> <p class="p2">鏋佽嚧鍦板懙鎶わ紝璁╅噾铻嶆姇璧勬洿瀹夊績</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>瀵规帴绗笁鏂规満鏋勬墭绠�</span> </p> </div> </div> </div> <!-- 瀹炵幇浜虹敓浠峰€� --> <div class="per_value"> <p class="p1">鎴戜滑鍒涢€犵殑涓嶄粎鏄储瀵屼环鍊硷紝鏇村姪鎮ㄥ疄鐜颁汉鐢熶环鍊�</p> <p class="p2"><img src="img/jz.png" alt="1"></p> </div> <div class="tiyan"> <p class="p1">鎮ㄦ兂瑕佺殑涓嶄粎鏄储瀵岀Н绱�</p> <p class="p2">鏇存槸闅忔椂闅忓湴銆佹祦鐣呯殑浣撻獙</p> <p class="p3"><img src="img/ty.png" alt="1"></p> </div> <div class="dongli"> <p class="p1">鎮ㄦ槸鎴戜滑涓嶆柇鍓嶈鐨勯┍鍔ㄥ姏</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">鏈€澶氫笂娴风敤鎴烽€夋嫨濂借溅璐�</p> <p class="p3">鍗犳瘮楂樿揪26%</p> </div> </div> </div> </div> <div class="power"> <p>鎴戜滑锛屼唬琛ㄧ潃琛屼笟鐨勪腑鍧氬姏閲忥紝缁欐偍甯︽潵鏇存斁蹇冪殑鎶曡祫浣撻獙</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">涓浗浜掕仈缃戦噾铻嶈仈鐩熷ぇ浼氱悊浜嬪崟浣�</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">缃戜笂浜ゆ槗淇濋殰涓績浼氬憳鍗曚綅</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">鎴戜滑涓€璧疯蛋杩囦簡608澶╋紝鏈潵杩樻湁鏇磋繙.....</p> <div class="to_js"> <div class="t2014"> <i>2014骞�1鏈�</i> <em>濂借溅璐峰钩鍙板叏鏂颁笂绾�</em> <span>濂借溅璐峰搧鐗岃崳鑾稢CTV2013骞村害鏈€浣充骇鍝佸垱鏂板锛屽垱鏂拌溅璐风粡钀ユā寮忚骞挎硾璁ょ煡</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>濂借溅璐峰搧鐗屾巿鏉冧腑蹇冭嫃宸炲垎鍏徃姝e紡鎴愮珛</em> </div> <div class="t2014 t2014_11"> <i>2014骞�11鏈�</i> <em>濂借溅璐锋垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細</em> <span>瀹夊窘鐪侀暱澶╄祫浜х鐞嗘湁闄愬叕鍙革紙濂借溅璐凤級涓婃捣鑲℃潈鎵樼浜ゆ槗涓績鎸傜墝涓婂競锛屼唬鐮侊細202565</span> <p>濂借溅璐锋垚鍔熷姞鍏ヤ腑鍥戒簰鑱旂綉閲戣瀺琛屼笟鍗忎細锛圓CIFI锛夈€�</p> </div> <div class="t2014 t2015_4"> <i>20154骞�4鏈�</i> <em>濂借溅璐疯幏閭€鍙傚姞鍟嗗姟閮ㄩ棴闂ㄤ細璁�</em> </div> <div class="t2014 t2015_5"> <i>2015骞�5鏈�</i> <em>濂藉ソ杞﹁捶鍐嶈幏涓浗浜掕仈缃戦噾铻嶈涓氬崗浼氳鍙紝鑽h喓鈥滄渶鍏蜂俊璧栫殑浜掕仈缃戦噾铻嶆満鏋勨€濈О鍙枫€�</em> <span>濂借溅璐疯鍒楀叆鈥滀簰鑱旂綉閲戣瀺淇$敤淇℃伅鍏变韩骞冲彴鈥濋鎵逛俊鐢ㄤ俊鎭噰闆嗗悎浣滃崟浣嶅悕鍗曪紝</span> <p>姝ゅ钩鍙扮敱涓浗鍥介檯鐢靛瓙鍟嗗姟涓績锛堥毝灞炰腑鍗庝汉姘戝叡鍜屽浗鍟嗗姟閮級鎸囧鎴愮珛銆�</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;">鍥犱负濂借溅璐锋垜浠蛋鍦ㄤ竴璧凤紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ锛�</p> <p class="p0" style="font-size:30px;color:white;">濂借溅璐�,涓€涓綘鏃犳硶鍓茶垗鐨勮储瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼氬緱鍒颁綘鎯宠鐨�......</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>杩樹笉鏄ソ杞﹁捶浼氬憳鍚�?</i><a href="#">绔嬪嵆娉ㄥ唽</a></p> </form> </div> </div> <!--<div class="wo_tog"> <p class="p1">鍗充娇涓栫晫閭d箞澶э紝浣犳垜浠嶇劧鑳藉鐩哥煡骞剁浉璇嗐€�</p> <p class="p2">鍥犱负濂借溅璐锋垜浠蛋鍦ㄤ竴璧凤紝璁╀笘鐣屼笉鍐嶉偅涔堝ぇ锛�</p> <p class="p3">濂借溅璐�,涓€涓綘鏃犳硶鍓茶垗鐨勮储瀵屾腐婀撅紝鍦ㄨ繖閲屼綘浼氬緱鍒颁綘鎯宠鐨�......</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>
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
PC电脑端关注我们
***HTML5期末考核大作业源码
包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 关键词:作业,设计,模板,静态,专题,汽车