澶у濂斤紝浠婂ぉ缁欏悇浣嶅垎浜編椋熺綉椤佃璁＄礌鏉愮殑涓€浜涚煡璇嗭紝鍏朵腑涔熶細瀵圭編椋熺綉椤佃璁＄礌鏉愯繘琛岃В閲婏紝鏂囩珷绡囧箙鍙兘鍋忛暱锛屽鏋滆兘纰板阀瑙ｅ喅浣犵幇鍦ㄩ潰涓寸殑闂锛屽埆蹇樹簡鍏虫敞鏈珯锛岀幇鍦ㄥ氨椹笂寮€濮嬪惂锛?/p>
灏忚档鐨勫帹鑹烘棩甯稿湪绾筐煠?/p>
绛夋垜鑰佷簡锛屼笉宸ヤ綔浜?/p>
褰撲釜缇庨鍗氫富锛屾瘡鏃ュ垎浜鎴胯彍馃槍
娼睍缇庨缃戦〉璁捐鐢?涓〉闈㈢粍鎴愶紝瀹炵幇浜嗗浘鐗囪疆鎾紝瑙嗛鎾斁锛屾敞鍐岀櫥褰昷s楠岃瘉銆?/p>
璇︾粏椤甸潰鏁堟灉鍦ㄤ唬鐮佷笅闈紱
棣栭〉浠ｇ爜鍙奵ss浠ｇ爜瑙佷笅鏂囷細
棣栭〉浠ｇ爜html浠ｇ爜锛?/p>
<!doctype html><html><head><meta charset="utf-8"><link href="css/style.css" rel="stylesheet"><script type="text/javascript" src="js/pptBox.js"></script><title>娼睍缇庨</title></head><body><div class="con"> <header> <div class="logo"> <img src="images/head.png" width="1024" height="300"></div> </header> <div class="clear"></div> <div id="caidan"> <ul> <li><a href="index.html">棣栭〉</a></li> <li id="one"> <a href="page1.html">娼睍缇庨</a> <ul class="UL"> <li><a href="page2.html">鐗涜倝鐏攨</a></li> <li><a href="#">鐗涜倝涓?lt;/a></li> <li><a href="#">鍗ら箙</a></li> </ul> </li> <li><a href="page3.html">瀵诲懗缇庨</a></li> <li><a href="page4.html">娉ㄥ唽</a></li> <li><a href="page5.html">鐧婚檰</a></li><br> </ul> </div> <div class="clear"></div> <div class="main"> <h2>娼睍缇庨</h2> <div class="fr p10"> <script> var box =new PPTBox(); box.width =550; //瀹藉害 box.height =350;//楂樺害 box.autoplayer = 3;//鑷姩鎾斁闂撮殧鏃堕棿 //box.add({"url":"鍥剧墖鍦板潃","title":"鎮诞鏍囬","href":"閾炬帴鍦板潃"}) box.add({"url":"images/banner_1.png","href":"#","title":"1"}) box.add({"url":"images/banner_2.png","href":"#","title":"2"}) box.add({"url":"images/banner_3.png","href":"#","title":"3"}) box.show(); </script> </div> <p>娼彍鏄腑鍥藉洓澶ц彍绯讳箣绮よ彍涓诲共 [1] 锛屾疆姹曡彍涓€璐槸骞夸笢鑿滅殑浠ｈ〃 [2] 锛屼负骞夸笢鑿滀笁澶ф祦娲句箣涓€锛屽彂婧愪簬娼睍骞冲師锛屽巻缁忓崈浣欏勾鑰屽舰鎴愬拰鍙戝睍锛屼互鍏剁嫭鐗归鍛宠嚜鎴愪竴浣撱€?lt;/p> <p><strong>鍘嗗彶鍙戝睍 </strong></p> <p> 鍦ㄦ疆姹曟湰鍦燂紝鐢变簬19涓栫邯 60骞翠唬姹曞ご寮€鍩狅紝鍚勫浗鍦ㄦ睍澶村紑鍔炴磱琛岋紝鍟嗕笟鐨勫彂灞曪紝鍟嗗煚鐨勫舰鎴愶紝娴佸姩浜哄彛鐨勫澶氾紝鐩稿簲鐨勯ギ椋熶笟涔熷氨闅忎箣鑰屾湁杈冨ぇ鐨勫彂灞曪紝鍑虹幇浜嗕笓涓氬帹甯堛€傛墍璋撯€滆垷杞︿簯闆嗭紝鍟嗘梾杈愯緩鈥濓紝娑堣垂鑳藉姏寰堝揩鏀€鍗囥€傚綋鏃舵睍澶村煚鏈夋案骞炽€侀櫠鑺炽€佹搸澶┿€佷腑澶瓑30澶氬钁楀悕閰掓ゼ锛岃繕鏈夊洓浜斿崄瀹堕キ搴楅厭棣嗐€傚叾涓紝涔熸湁澶栧湴缁忚惀鑰呭紑璁剧殑閰掑锛岃繖鏍凤紝鍚勮憲鍚嶉厭瀹跺湪浜ゆ祦銆佽瀺浼氥€佺珵浜変腑绔炵浉鎺ㄥ嚭鍚嶇墝鑿溿€佺壒鑹茶彍鍜屾敼鍠勭幆澧冭鏂姐€傚綋鏃舵祦琛屾湁鈥滈櫠鑺冲ソ楸肩繀锛屼腑澶ソ绌烘皵锛屾案骞冲ソ甯冪疆鈥濈瓑鍙ｅご璇€傚湪杩欎釜鏃舵湡锛屾疆鑿滄倓鐒跺湴璧板嚭娼睍銆傚湪鍥藉唴鍚勫ぇ鍩庡競鍜屾腐婢冲湴鍖恒€佷笢鍗椾簹鍚勫浗锛屽樊涓嶅閮芥湁娼彍鐨勮彍棣嗛厭瀹跺嚭鐜帮紝褰㈡垚浜嗕竴瀹氱殑褰卞搷鍔涳紝杩欐槸娼彍绗竴涓璺冨彂灞曟椂鏈熴€?lt;/p> 锛?lt;p> 杩涘叆20涓栫邯80骞翠唬锛岄殢鐫€鏀归潻寮€鏀撅紝娼彍鐨勫彂灞曟嫢鏈変簡寰楀ぉ鐙帤鐨勭ぞ浼氱幆澧冦€備竴鏄湁鏇村鏈轰細涓庣菠娓ギ椋熸枃鍖栫浉浜掍氦娴佷笌铻嶅悎娓楅€忥紝鍙戝睍鍒涙柊銆備竴鏄唴澶栬锤鏄撶殑钃媰鍙戝睍锛屾腐婢冲彴鍚岃優鍜屾捣澶栧崕渚ㄥ線鏉ラ绻侊紝鎶曡祫璁惧巶锛屽彂灞曡锤鏄擄紝绀句細鏁翠綋鐢熸椿姘村钩澶у箙搴︽彁楂橈紝娑堣垂浜虹兢婵€澧炪€傚洜鑰屾疆鑿滅編椋燂紝鍙戝睍杩呴€燂紝鍛堢幇涓€娲炬娆ｅ悜鑽ｆ櫙璞°€?</p><p> 杩欎釜鏃舵湡锛屾疆鑿滀互鍏朵笉鏂垱鏂板張鑳戒繚鎸佷紶缁熺壒鑹诧紝涓嶄粎鍦ㄦ湰鍦板尯鐧捐姳绔炴斁銆佷簤濂囨枟鑹筹紝鑰屼笖璧颁繌绁炲窞澶у湴锛屼箖鑷充笘鐣屽悇鍥姐€傛疆宸炵編椋熶互鍏跺剴闆呴珮妗ｏ紝绮惧伐鐑瑰埗锛屽師姹佸師鍛筹紝娓呮贰鍙彛锛岀獊鍑烘捣椴滅瓑缇庡懗鐗硅壊锛岃繀閫熷礇璧凤紝鐙椋庨獨锛屽紩浜虹灘鐩紝鎴愪负娴峰唴澶栭璐熺洓鍚嶇殑缇庨鑿滅郴銆傝繖鏄疆鑿滄渶涓昏鐨勪竴涓彂灞曢珮宄帮紝涔熸槸绗簩涓璺冨彂灞曟椂鏈燂紝杩欎釜鏃舵湡鐨勬疆宸炵編椋燂紝鍏锋湁椋庨潯娴峰唴澶栫殑宸ㄥぇ褰卞搷鍔涖€?lt;/p> <div class="clear"></div> </div> <div class="clear"></div> <footer> <p><strong> <p>鐗堟潈鎵€鏈?: 鐢典俊211 浠ｅ湷缈?32107400050</p> </strong></p> </footer> <div class="clear"></div></div></body></html>
棣栭〉css浠ｇ爜锛?/p>
*{ margin:0; padding:0; font-family:Microsoft YaHei;}.clear{ clear:both;}.fl{ float:left;}.fr{ float:right;}img{ border:none;}a{ text-decoration:none;}a:hover{ text-decoration:underline;}li{ list-style-type:none;}.center{ text-align:center;}.p10{ padding:10px;}.p20{ padding:20px;} img{-moz-border-radius:15px;border-radius:15px; }.img2 {transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }.img2:hover {transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }body{ background:url(../images/bj.jpg) top center fixed repeat;background-size: 100% 100%;}/*----------------------con-------------------------*/.con{ width:1024px; height:auto; margin:10px auto; background:#fff; background-color:rgba(242,236,222,0.91);-moz-border-radius:5px;border-radius:5px;}/*----------------head-----------------*/header{ width:1024px; height:auto; margin:auto;-moz-border-radius:15px;border-radius:15px;}.logo{ width:1010px; height:auto; margin:10px auto; font-size:88px; text-align:center; font-family:妤蜂綋; color:#ae1c27; text-shadow:1px 1px #fff;}#caidan{height: 70px;width: 1200px;margin: 0 auto;line-height: 70px;}#one .UL{display:none;background:#F7F2F2;width:100%;position:absolute;left:0;top:70px;z-index:5;text-align:center; }#one .UL li{height: 45px;line-height:45px;font-weight: normal;}#one .UL li a{display:block; line-height:45px;color:#fff;height:45px;font-size: 12px;}#one:hover .UL{display:block;}#caidan ul{list-style: none;}#caidan ul li{height:70px;width:150px;float:left; text-align:center;font-weight:bold;position: relative;}#caidan ul li a:link{color: #21468c; font-size: 20px; text-decoration: none;}#caidan ul li a:hover{ display: block;}#caidan ul li a:visited{color: #21468c;font-size: 20px; text-decoration: none; }.banner{ width:1010px; height:auto; margin:10px auto;}.mainbox{ overflow:hidden; position:relative;}.flashbox{ overflow:hidden; position:relative;}.imagebox{ text-align:right;position:relative;}.bitdiv{display:inline-block;width:12px;height:12px;margin:0 10px 10px 0px;cursor:pointer;float:right;}.defimg{background-image:url(../images/02.png)}.curimg{background-image:url(../images/01.png)}/*----------------main-----------------*/.main{ width:1000px; height:auto; margin:10px auto; font-size:14px; line-height:24px; color:#555;}.main h2{ font-size:22px; line-height:40px; margin:10px auto;color:#ae1c27;font-weight:normal; text-align:center; border-bottom:1px dotted #ae1c27; font-family:妤蜂綋;}.main h3{ font-size:16px; line-height:32px;color:#ae1c27; text-align:left; }.main p{ font-size:14px; line-height:26px;color:#666; text-align:left; text-indent:2em; }.main p strong{ font-size:16px; line-height:32px;color:#ae1c27; text-align:left; }.main_list{ width:960px; height:auto; margin:30px auto; }.main_list li{ width:450px;height:320px; float:left; margin:15px; }.main_list li p{ text-align: center;font-size: 24px;line-height: 50px } .main_list li img{ width:450px; height:270px; }.liuyan{width:520px;margin:auto;overflow:hidden;}.liuyan h2{text-align:center;margin-top:20px;}.liuyan p{line-height:40px;overflow:hidden;margin-top:20px;}.liuyan p span{display:block;width:120px;height:40px;float:left;}.liuyan p input{width:498px;height:38px;border:1px solid #000;float:left;}.liuyan p textarea{width:498px;height:100px;border:1px solid #000;float:left;}.liuyan .btn{display:block;width:100px;height:40px;float:right;margin-top:20px;}/*----------------foot-----------------*/footer{ width:1010px; height:auto; margin:10px auto; border-top:1px dotted #ccc; padding-top:10px; text-align:center; font-size:14px; line-height:35px; color:#666;}
濂戒簡锛屾湰鏂囧埌姝ょ粨鏉燂紝濡傛灉鍙互甯姪鍒板ぇ瀹讹紝杩樻湜鍏虫敞鏈珯鍝︼紒