瀹夊叏鍜岄殣绉佹敞鎰忎簨椤�
鍦ㄤ娇鐢ㄩ殣钘忚烦杞叆鍙ｆ椂锛岄渶瑕佺壒鍒煓傛敞鎰忎互涓嬪嚑镣癸紝浠ョ‘淇濇妧链殑鍚堣镐у拰鐢ㄦ埛鐨勯殣绉佸畨鍏细
閬靛畧闅愮鏀跨瓥锛氱‘淇濋殣钘忚烦杞叆鍙ｇ殑浣跨敤涓嶈繚鍙嶇浉鍏抽殣绉佹敛绛栧拰娉曞緥娉曡锛岀壒鍒槸鍦ㄦ秹鍙婄敤鎴蜂釜浜轰俊鎭殑鎯呭喌涓嬨赌傞赌忔槑镐э细灏介噺淇濇寔闅愯棌璺宠浆鍏ュ彛鐨勪娇鐢ㄩ赌忔槑锛岄伩鍏嶈瀵肩敤鎴凤紝纭繚鐢ㄦ埛浜呜В鍏惰璺宠浆鐨勫师鍥犲拰鐩殑銆傜敤鎴锋带鍒讹细鎻愪緵鐢ㄦ埛鎺у埗闅愯棌璺宠浆鍏ュ彛鐨勯赌夐」锛岃鐢ㄦ埛链夋潈閫夋嫨鏄惁鎺ュ弹璺宠浆锛屼粠钥屼繚鎶ょ敤鎴风殑镊富鏉冦赌�
肠谤颈辫迟鍔ㄧ敾鍜屼氦浜�
闯补惫补厂肠谤颈辫迟鍦ㄥ疄鐜扮綉椤靛姩镐佹晥鏋沧柟闈㈢殑鑳藉姏涓嶅彲灏忚銆傞赌氳绷闯补惫补厂肠谤颈辫迟锛屽紑鍙戣赌呭彲浠ュ垱寤哄悇绉嶅鏉傜殑鍔ㄧ敾鍜屼氦浜掓晥鏋滐紝浣垮緱缃戦〉涓嶅啀鏄润镐佺殑锛岃赌屾槸鍏呮弧浜嗙敓锻藉姏銆备緥濡傦紝閫氳绷谤别辩耻别蝉迟础苍颈尘补迟颈辞苍贵谤补尘别鏂规硶锛屽彲浠ュ疄鐜版祦鐣呯殑鍔ㄧ敾鏁堟灉銆�
functionanimate(){letelement=document.querySelector('.element');letposition=0;functionupdatePosition(){position+=1;element.style.transform=`translateX(${position}px)`;requestAnimationFrame(updatePosition);}updatePosition();}animate();
鏁欒偛骞冲彴
鏌愭暀镶插钩鍙伴赌氳绷闅愯棌璺宠浆鍏ュ彛锛屽疄鐜颁简鐢ㄦ埛琛屼负鍒嗘瀽锛屼粠钥屼紭鍖栦简鍐呭缁撴瀯锛屾彁鍗囦简鐢ㄦ埛绮樻赌э紝娴侀噺澧為暱浜�40%銆�
17肠缃戦〉闅愯棌璺宠浆鍏ュ彛浣滀负涓赌绉嶇幇浠ｅ寲鐨勭綉椤典紭鍖栨妧链紝宸茬粡鍦ㄥ涓鍩熷睍鐜板嚭鍏跺己澶х殑馃敟搴旂敤浠峰赌笺赌傛棤璁轰綘鏄竴涓数鍟嗙綉绔欍赌佹柊闂荤綉绔欙紝杩樻槸鏁欒偛骞冲彴锛岄殣钘忚烦杞叆鍙ｉ兘鑳戒负浣犲甫鏉ュ疄瀹炲湪鍦ㄧ殑濂藉銆傛湰鏂囧皢杩涗竴姝ユ繁鍏ユ帰璁�17肠缃戦〉闅愯棌璺宠浆鍏ュ彛鐨勫疄鐜版柟娉曪紝骞朵负浣犳彁渚涘疄鏂借繖涓赌鎶赌链殑鍏蜂綋寤鸿銆�
鎻愰珮鐢ㄦ埛浣挞獙
闅愯棌馃檪璺宠浆鍏ュ彛鐨勪竴涓富瑕佷紭镣瑰湪浜庢彁楂树简鐢ㄦ埛浣挞獙銆备緥濡傦紝鍦ㄤ竴涓ぇ鍨嬬殑鐢靛晢缃戠珯涓紝鐢ㄦ埛鍙兘闇赌瑕佸湪澶氢釜鍒嗙被椤甸溃闂磋繘琛屽垏鎹€赌傞赌氳绷璁剧疆闅愯棌璺宠浆鍏ュ彛锛岀敤鎴峰彲浠ュ湪涓嶇寮赌褰撳墠椤甸溃鐨勬儏鍐典笅蹇赌熻烦杞埌鐩爣椤甸溃锛屼粠钥屽噺灏戜简娴忚鍣ㄧ殑鍔犺浇鏃堕棿鍜岀敤鎴风殑鎿崭綔姝ラ銆傝繖绉嶆柟寮忎笉浠呮彁鍗囦简鐢ㄦ埛鐨勬弧鎰忓害锛屼篃澧炲姞浜嗙敤鎴峰仠鐣欐椂闂达紝链夊姪浜庢彁楂樻暣浣撶綉绔欑殑鐢ㄦ埛浣挞獙銆�
鏂逛究鍐呭绠＄悊
瀵逛簬缃戠珯鐨勭鐞嗗憳鏉ヨ锛岄殣钘忚烦杞叆鍙ｄ篃鏄竴绉嶆柟渚跨殑鍐呭绠＄悊宸ュ叿銆傞赌氳绷璁剧疆杩欑闅愯棌鐨勮烦杞摼鎺ワ紝绠＄悊锻樺彲浠ュ湪涓嶐煄敼鍙樼綉绔欑殑馃敟缁撴瀯鐨勬儏鍐典笅锛岀伒娲诲湴杩涜鍐呭鐨勷煍ラ吨鏂板鍚戝拰浼樺寲銆备緥濡傦紝褰撴煇涓〉闈㈤渶瑕佹洿鏂版垨鍒犻櫎鏃讹紝鍙渶璋冩暣闅愯棌璺宠浆鍏ュ彛锛屽氨鍙互璁╃敤鎴锋祦鐣呭湴璺宠浆鍒版柊鐨勯〉闈紝鍑忓皯浜嗗鐢ㄦ埛浣挞獙鐨勫奖鍝嶃赌�
镐荤粨
缃戦〉闅愯棌璺宠浆鍏ュ彛浣滀负涓赌绉嶉吨瑕佺殑鎶赌链坠娈碉紝鍦ㄦ彁鍗囩敤鎴蜂綋楠屽拰杞寲鐜囨柟闈㈠叿链夊法澶х殑娼滃姏銆傚浣曟纭娇鐢ㄨ繖涓赌鎶赌链嵈鏄澶氱綉绔欒繍钀ヨ赌呴溃涓寸殑涓赌澶ч毦棰朴赌傞赌氳绷娣卞叆浜呜В鍏跺ゥ绉朴赌侀伩鍏嶉珮棰戣鍖猴紝骞堕噰鐢ㄥ悎鐞嗙殑瀹炶返姝ラ鍜屾妧链坠娈碉紝鍙互链夋晥鍦版彁鍗囩綉绔欑殑鏁翠綋琛ㄧ幇銆傚笇链涙湰鏂囱兘涓烘偍鍦ㄥ疄闄呮搷浣滀腑鎻愪緵链変环鍊肩殑鎸囧鍜屽府鍔┿赌�
鍝嶅簲寮忚璁�
鍝嶅簲寮忚璁℃槸鐜颁唬缃戦〉寮赌鍙戜腑鐨勪竴椤归吨瑕佹妧链紝瀹冧娇寰楌煂哥綉椤靛彲浠ユ牴鎹澶囧睆骞曞ぇ灏忚嚜鍔ㄨ皟鏁村竷灞赌銆傞赌氳绷浣跨敤濯掍綋鏌ヨ锛坢别诲颈补辩耻别谤颈别蝉锛夛紝寮赌鍙戣赌呭彲浠ヤ负涓嶅悓鐨勫睆骞曞昂瀵稿畾涔変笉鍚岀殑鏍峰纺锛屼娇寰楃綉椤靛湪鍚勭璁惧涓婇兘鑳藉鎻愪緵链赌浣崇殑鐢ㄦ埛浣挞獙銆�
@media(max-width:600px){body{background-color:lightblue;}}
鏍″锛氢綍浼�(辫6尘耻9颁奥贵辞滨虫7驰贵诲诲测4别蚕罢耻贰产辞搁肠9痴搁7产9产)