玩转动感滑动透明菜单(一)
2007-11-27 16:10:53 来源：WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佽鍨庨崘锝嗗瘱闂備胶顢婂▍鏇㈠箲閸ヮ剙鐏抽柡鍐ㄧ墕缁€鍐┿亜韫囧海顦﹀ù婊堢畺閺屻劌鈹戦崱娆忓毈缂備降鍔庣划顖炲Φ閸曨垰绠抽悗锝庝簽娴犻箖姊洪棃娑欐悙閻庢矮鍗抽悰顕€宕堕澶嬫櫖濠殿噯绲剧€笛囧箲閸ヮ剙钃熼柣鏂挎憸閻熷綊鏌涢…鎴濇灈妞ゎ剙鐗嗛—鍐Χ鎼粹€茬凹缂備緡鍠楅幐鎼佹偩閻戣棄纭€闁绘劕绉靛Λ鍐春閳ь剚銇勯幒鎴濐伀鐎规挷绀侀埞鎴︽偐閹绘帩浼€缂佹儳褰炵划娆撳蓟濞戞矮娌柟瑙勫姇椤ユ繈姊洪柅鐐茶嫰婢т即鏌熼搹顐ｅ磳闁挎繄鍋涢埞鎴犫偓锝庘偓顓涙櫊閺屽秵娼幏灞藉帯闂佹眹鍊曢幊鎰閹惧瓨濯撮柛鎾村絻閸撳崬顪冮妶鍡楃仸闁荤啿鏅涢悾鐑藉Ψ瑜夐崑鎾绘晲鎼粹剝鐏嶉梺缁樻尰濞叉﹢濡甸崟顖氱疀闂傚牊绋愮花鑲╃磽娴ｈ棄鐓愭慨妯稿妿濡叉劙骞樼拠鑼槰闂佸啿鎼崐濠毸囬弶搴撴斀妞ゆ梻銆嬪銉︺亜椤撶偛妲婚柣锝囧厴楠炴帡骞嬮弮鈧悗濠氭⒑鐟欏嫭鍎楅柛妯衡偓鐔插徍濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩绾惧鏌熼崜褏甯涢柍閿嬪灦閵囧嫰骞掗崱妞惧缂傚倷绀侀ˇ閬嶅极婵犳氨宓侀柛鈩冪⊕閸婄兘鏌涘┑鍡楊伀妞ゆ梹鍔曢埞鎴︽倻閸モ晝校闂佸憡鎸婚悷锔界┍婵犲洦鍤冮柍鍝勫暟閿涙粓姊鸿ぐ鎺戜喊闁告瑥楠搁埢鎾斥堪閸喓鍘搁柣蹇曞仧绾爼宕戦幘璇茬疀濞达絽鎲￠崐顖炴⒑绾懎浜归悶娑栧劦閸┾偓妞ゆ帒鍟惃娲煛娴ｅ湱澧柍瑙勫灴閹瑩寮堕幋鐘辨闂備礁婀辨灙闁硅姤绮庨崚鎺楀籍閸喎浠虹紓浣割儓椤曟娊鏁冮崒娑氬幈闂佸搫娲㈤崝宀勬倶閻樼粯鐓曢柟鑸妼娴滄儳鈹戦敍鍕杭闁稿﹥鐗犲畷婵嬫晝閳ь剟鈥﹂崸妤€鐒垫い鎺嶈兌缁犲墽鈧厜鍋撳┑鐘辩窔閸嬫鈹戦纭烽練婵炲拑绲垮Σ鎰板箳閹冲磭鍠撻幏鐘绘嚑閼稿灚姣愰梻鍌氬€烽懗鑸电仚濠电偛顕崗妯侯嚕椤愩倖瀚氱€瑰壊鍠栧▓銊︾節閻㈤潧校缁炬澘绉瑰鏌ュ箵閹烘繄鍞甸柣鐘烘鐏忋劌顔忛妷褉鍋撶憴鍕碍婵☆偅绻傞～蹇涙惞閸︻厾锛滃┑鈽嗗灠閹碱偊锝炲鍥╃＝濞达綁顥撻崝宥夋煙缁嬪灝鏆遍柣锝囧厴楠炲鏁冮埀顒傜不婵犳碍鍋ｉ柛銉戝啰楠囬悗瑙勬尭缁夋挳鈥旈崘顔嘉ч柛鈩兠棄宥囩磽娴ｅ壊鍎愰柛銊ュ缁顓兼径瀣偓閿嬨亜閹哄秶顦︾€殿喖鐏濋埞鎴﹀煡閸℃浠梺鍛婎焼閸曨収娲告俊銈忕到閸燁垶宕愰崹顐ｅ弿婵☆垳鍘ф禍楣冩倵濮樼偓瀚�
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佽鍨庨崘锝嗗瘱闂備胶顢婂▍鏇㈠箲閸ヮ剙鐏抽柡鍐ㄧ墕缁€鍐┿亜韫囧海顦﹀ù婊堢畺閺屻劌鈹戦崱娆忓毈缂備降鍔岄妶鎼佸蓟閻斿吋鍎岄柛婵勫劤琚﹂梻浣告惈閻绱炴笟鈧妴浣割潨閳ь剟骞冨▎鎾崇妞ゆ挾鍣ュΛ褔姊婚崒娆戠獢婵炰匠鍏炬稑鈻庨幋鐐存闂佸湱鍎ら〃鎰礊閺嶃劎绡€闂傚牊渚楅崕鎰版煛閸涱喚鍙€闁哄本绋戦埥澶愬础閻愬樊娼绘俊鐐€戦崕鏌ユ嚌妤ｅ啫鐓橀柟瀵稿仜缁犵娀姊虹粙鍖℃敾妞ゃ劌妫濋獮鍫ュΩ閳哄倸鈧鏌﹀Ο渚Ш闁挎稒绋戦埞鎴︽倷閺夋垹浜堕梺鐟扮－閸嬨倕鐣烽崼鏇ㄦ晢濞达綁鏅茬紓鎾剁磽閸屾瑧顦︽い鎴濇閳ь剛鐟抽崶銊モ偓鍨亜閹烘垵顏柍閿嬪灴閺岋綁鎮㈤崨濠勫嚒闂佹娊鏀卞鑽ゆ閹烘鏁嬮柛娑卞幘娴犳悂鎮楃憴鍕闁搞劌娼￠悰顕€宕堕浣镐罕闂佸壊鍋侀崹褰掔嵁瀹ュ洨纾介柛灞捐壘閳ь剛鍏橀幃鐐烘晝閸屾稒娅旂紓鍌氬€烽悞锕傚Φ閸℃稑鐐婇柕濞у啫绗氶梺鑽ゅ枑缁秶鍒掗幘宕囨殾婵犲﹤鐗婇弲婵嬫煕鐏炵偓鐨戦柣鎾村灴濮婃椽宕ㄦ繝鍌毿曢梺缁樻尭閻楀棗鐜婚崸妤€鍐€妞ゆ挾鍠撻崢鍗炩攽閻樼粯娑ф俊顐ｎ殜閹敻寮崒娑樻瀾闂佸搫鍊藉▔鏇㈠汲閿曞倹鐓欐い鏍仜娴滅増淇婇懠顒€浜剧紒缁樼〒閳ь剛鏁告灙鐎涙繈姊洪棃娑氬ⅱ閺嬵亝銇勯銏㈢闁圭厧婀遍幉鎾礋椤愩倕閰遍梻鍌欐祰閸嬫劙鍩涢崼銉ョ婵炴垯鍩勯弫濠傤熆閼搁潧濮堥柍閿嬪灴閺岋綁骞橀搹顐ｅ闯缂備礁顦冲▍锝囨閹烘鍋愮€规洖娲ら埛灞轿旈悩闈涗粶闁哥噥鍨舵俊鍫曟晲婢跺﹦顦ㄩ梺瀹犳〃鐠佹煡宕戦幘瀵哥瘈婵﹩鍘鹃崣鍐ㄢ攽閳藉棗鐏熼悹鈧敃鈧嵄濠靛倸鎲￠悡娆撴煠閹帒鍔滅紒鈧€ｎ偅鍙忓┑鐘插暞閵囨繃淇婇銏犳殭闁宠棄顦板ḿ蹇涒€﹂幋鏂夸壕闁糕剝岣跨弧鈧紒鍓у鑿ら柛瀣崌閹煎綊顢曢姀锛勪悍闂佽姘﹂～澶娒鸿箛娑樺瀭濞寸姴顑呯粻鏍归悩宸剰鐎瑰憡绻傞埞鎴︽倷闂堟稐澹曢柣搴㈣壘閵堢ǹ顫忓ú顏呭殥闁靛牆鎳忛悗楣冩⒑閼姐倕鏋傞柛搴㈠▕閸┾偓妞ゆ帊鐒﹂惃鎴︽煕韫囨枂顏堟偩閻戠瓔鏁嶆繝闈涚墢閺夌ǹ鈹戦悙鏉戠仸闁荤啙鍥у偍闂侇剙绉甸埛鎴犵磽娴ｅ厜妫ㄦい蹇撴椤ユ碍銇勯幘璺烘瀾婵炲懐濞€閺岋綁濮€閻樺啿鏆堥梺缁樻尭缁绘﹢寮诲☉銏犵労闁告劗鍋撻悾鍫曟⒑闁偛鑻晶顔界節閳ь剚娼忛埡鍐紳闂佽鍎抽顓€€呴悜鑺ュ€甸柨婵嗙凹缁ㄨ崵绱掗幇顓犫姇缂佺粯绻堥幃浠嬫濞磋翰鍨介幃妤€顫濋悡搴♀拫闂佺粯渚楅崳锝呯暦婵傜ǹ唯闁挎棁顫夌€氳偐绱撴担楦挎闁告ê銈搁獮濠冩償閵婂顦鍏煎緞鐎ｎ剙骞嶆繝鐢靛仩鐏忣亪顢欐繝鍕С闁兼亽鍎扮换鍡涙煕濞嗗浚妲稿┑顔肩Ф閳ь剚顔栭崰妤呭箰閹惰棄绠栭柕蹇嬪€曟导鐘绘煕閺囨ê濡肩憸鏉跨箻濮婂宕掑顑藉亾閹间礁纾归柟闂寸绾剧懓顪冪€ｎ亜顒㈡い鎰Г閹便劌顫滈崱妤€骞婄紓鍌氬€瑰銊╁箟缁嬫鍚嬮柛銉戝啰鏌ч梻鍌氬€风欢姘缚瑜旈幃褔宕卞鏇熸そ閹晝鎷犻懠顒婄幢闂備礁婀遍崑鎾诲礈濮橆兗缂氶柍鍝勫€舵禍婊堟煙閹佃櫕娅呴柣蹇婃櫇缁辨帗绗熼崶褎鐝濆┑顔硷龚濞咃絿妲愰幒鎳崇喖宕烽鐘电暢闂傚倷绶氬ḿ鑽ょ礊閸モ晝绀婂〒姘ｅ亾闁诡喕鍗抽、姘跺焵椤掑嫮宓侀柟鐑橆殔缁犵娀鏌ц箛锝呬簼妞ゃ儱鐗撻弻娑㈠煘閹傚濠碉紕鍋戦崐鏍暜閹烘纾圭紓浣贯缚閳绘梻鈧箍鍎遍ˇ浼存偂閵夛妇绡€闂傚牊绋掗ˉ鐐淬亜閵壯冃ョ紒杈ㄥ浮閸╋箓鍩€椤掑嫬纾婚柟鍓х帛閳锋帡鏌涚仦鎹愬闁逞屽墯閹倿骞冭缁绘繈宕熼鐘靛幆闂備胶顢婇幓顏嗙不閹存粳褔宕ｆ径宀€顔曢梺绯曞墲椤ㄥ牏鎷归埡鍛厽闁绘梻枪椤ユ劙鏌涢顐￠偗闁哄本鐩、鏇㈡偐閼碱兛绱曢梻浣告惈濡參宕戞繝鍌ゆ綎婵炲樊浜滄导鐘绘煕閺囥劌骞橀柛鏂挎贡缁辨捇宕掑姣欙繝鏌ｉ幒鐐电暤妤犵偛鐗撴俊鎼佸煛娴ｅ搫濮︽俊鐐€栫敮鎺斺偓姘煎弮閹繝宕橀鐣屽幍濡炪倖鐗楃划宀勩€傞懖鈺冩／妞ゆ挾濮存禍鍓х磼缂佹ḿ绠為柛鈹惧亾濡炪倖甯婇悞锔剧礊閸ヮ剚鐓忓┑鐐戝啯鍣瑰Δ鐘插濮婄粯鎷呴崨濠冨創濠电偛鐪伴崝鎴濈暦娴兼潙绠婚悹鍝勬惈琚ｉ梻渚€鈧偛鑻晶顕€鏌嶇憴鍕伌妞ゃ垺鐟╁顒勫Χ閸曨叀绻戦梻鍌欑閹诧繝鏁冮姀銏笉闁哄诞鍛闂侀潧绻堥崐鏍磻閵娾晜鐓曟繛鎴炩槈閸儱绠柧蹇撴贡绾句粙鏌涚仦鍓ф噮闁告柨绉归弻銊ヮ潩椤戣姤鏂€濡炪倖娲栧Λ娑㈡偩閻㈠憡鐓涢悘鐐插⒔濞插瓨顨ラ悙杈捐€跨€殿喖鐖奸獮瀣攽閸ャ劌娈橀梻鍌氬€峰ù鍥敋閺嶎厼绐楁俊銈呭閹冲本绻濋悽闈涗户闁告鍛床婵☆垵顔婄换鍡涙煙闂傚顦﹂崶鎾⒑閹肩偛鍔楅柡鍛箞瀵櫕瀵肩€涙ǚ鎷婚梺绋挎湰閻熝囁囬敂鐣岀瘈闁逞屽墯濞煎繘鍩℃担鍝ヤ喊婵＄偑鍊栭悧妤冨垝瀹ュ姹叉繝濠傜墛閻撶喖鏌熼柇锕€澧伴柟鐣屽У缁绘盯宕ㄩ姣匡絿绱掔紒妯兼创妤犵偛顑夐幃娆戔偓闈涙啞椤撹崵绱撴担鍝勪壕鐎规洘锕㈠畷鎴﹀箛椤旂瓔娼熼梺瑙勫劤閻°劍鍒婇幘顔藉仯闁逛即娼ч悘锝囩磼鏉堛劍绶查柍瑙勫灴閹瑩寮堕幋鐘点偡婵＄偑鍊栧ú锕傚矗閸愵喖鏄ラ柍褜鍓氶妵鍕箳閹存繃鐏撳┑鐐插悑閸旀牜鎹㈠☉銏犵煑濠㈣泛鑻埅褰掓⒑娴兼瑧鎮奸柛蹇旓耿閵嗕礁螖閸涱厾顦ㄥ銈呯箰閸熶即鎳楀ú顏呪拻闁稿本鑹鹃埀顒勵棑缁牊绗熼埀顒勭嵁婢舵劖鏅搁柣妯垮皺椤︻噣姊洪崫鍕偍闁搞劌缍婇幃鍧楊敋閳ь剟寮婚敐鍛傜喎鈻庨幆褎顔勭紓鍌欒閸嬫捇鏌涢銈呮灁缂佲檧鍋撻梻鍌氬€搁悧濠勭矙閹惧瓨娅犳繛鎴炲焹閸嬫挾鎲撮崟顒傤槬閻庢鍠栨晶搴ㄥ箲閵忕姭妲堥柕蹇曞Х椤撴椽姊虹紒妯哄闁告柨娴峰Σ鎰鐎涙ǚ鎷洪梺鍛婄箓鐎氼參藟濠婂嫪绻嗘い鎰剁秵濞堟粓鏌涢埡鍐ㄤ槐妤犵偛顑夐弫鍌炴寠婢跺鐫忛梻浣告惈椤︻垶鎮у⿰鍫濈；闁告洦鍨伴崒銊╂煥閻斿搫校闁抽攱鍨垮鍫曟倷閺夋埈妫嗛梺鍛婃煥缁夊綊寮婚敐鍛傛梹鎷呴搹鍦帓婵犵鈧啿绾ч柛鏃€鐟╅悰顔嘉熺亸鏍т壕婵炴垶顏鍫晛闁规儳顕粻楣冩倵閻㈢櫥鐟扮摥婵＄偑鍊栭崹鐢稿箠濮椻偓閻涱喖螖閸涱喖浠洪梺鍛婄☉鑹岄柟閿嬫そ濮婃椽妫冮埡浣烘В闂佸憡眉缁瑥鐣烽悽绋跨劦妞ゆ巻鍋撻柍瑙勫灴閹瑩鎳犻浣稿瑎闂備胶枪閿曘儳鎹㈤崼銉у祦闁告劏鏂傞崑鍛存煕閹般劍娅呴柍褜鍓欓…鐑藉蓟閿曗偓铻ｅ〒姘煎灡妤旀俊鐐€栭弻銊╂晝椤忓嫷娼栭柧蹇氼潐閸犲棝鏌涢弴銊ュ闁告挸缍婂娲川婵炴帟鍋愰崚鎺戔枎韫囨洘娈鹃梺鐟板⒔缁垶宕戦妸鈺傜厱婵炴垶鈽夐崼銉ョ婵炲樊浜濋埛鎴︽煠婵劕鈧洟寮搁幋鐐电瘈闁靛繆妲勯懓鎸庮殽閻愭彃鏆炵紒妤冨枛閸┾偓妞ゆ帒瀚拑鐔兼煥濠靛棭妲哥紒鐘冲▕閺岋綁骞囬鑺ユ瘎闂佸搫妫庨崐婵嗩潖閾忚瀚氶柍銉ㄦ珪閻忓秴顪冮妶鍐ㄥ闁挎洦浜幃浼搭敋閳ь剙顕ｆ禒瀣╅柨鏇楀亾妞ゅ孩鎹囧铏圭矙鐠恒劎顔囧銈忛檮婢瑰棝鍩€椤掍椒浜㈡俊顐㈠閸╃偤骞嬮敂钘夆偓鐑芥煠閹间焦娑ф繛鎳峰懐纾藉ù锝囨嚀缁茬粯绻涚亸鏍ゅ亾瀹曞洦娈鹃梺鍝勬储閸ㄧ懓娲垮┑鐘灱濞夋盯鏁冮妶澶婄畾闁绘劗鍎ら埛鎴︽⒑椤愩倕浠滈柤娲诲灡閺呭墎鈧稒蓱閸欏繐鈹戦悩鎻掓殲闁靛洦绻冮〃銉╂倷鐎电ǹ鈷岄梺璇″枟閻熴儵婀侀柣搴秵娴滄瑦绔熼弴銏♀拺闁告繂瀚埢澶愭煕濡湱鐭欑€规洘鍨归埀顒婄秵閸犳鎮￠悢闀愮箚妞ゆ牗姘ㄦ禒銏ゆ煕濮橆剚璐￠柍褜鍓濋～澶愬箰妞嬪孩顐芥慨妯垮煐閸嬪倹銇勯幇鍓佺暠闁绘劕锕弻鏇熺箾瑜夐崑鎾斥攽椤斿吋鍠樻慨濠冩そ瀹曨偊宕熼鈧▍銈夋⒑鐠団€虫灈闁稿﹤鐏濋锝嗙節濮橆儵鈺呮煃閸濆嫬鈧憡绂嶉悙鐑樷拺缂佸瀵у﹢鎵磼鐎ｎ偄鐏存い銏℃閺佹捇鏁撻敓锟�
婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌ｉ幋锝嗩棄闁哄绶氶弻娑樷槈濮楀牊鏁鹃梺鍛婄懃缁绘﹢寮婚敐澶婄闁挎繂妫Λ鍕⒑閸濆嫷鍎庣紒鑸靛哺瀵鈽夊Ο閿嬵潔濠殿喗顨呴悧濠囧极妤ｅ啯鈷戦柛娑橈功閹冲啰绱掔紒姗堣€跨€殿喖顭烽弫鎰緞婵犲嫷鍚呴梻浣瑰缁诲倸螞椤撶倣娑㈠礋椤栨稈鎷洪梺鍛婄箓鐎氱兘宕曟惔锝囩＜闁兼悂娼ч崫铏光偓娈垮枦椤曆囧煡婢跺á鐔兼煥鐎ｅ灚缍屽┑鐘愁問閸犳銆冮崨瀛樺亱濠电姴娲ら弸浣肝旈敐鍛殲闁抽攱鍨块弻娑樷槈濮楀牆濮涢梺鐟板暱閸熸壆妲愰幒鏃傜＜婵☆垵娅ｆ导灞剧節绾板纾块柡浣筋嚙閻ｇ兘鎮㈢喊杈ㄦ櫖濠殿喗锕㈢涵鎼佸疮鐎ｎ喗鈷掑ù锝呮啞閸熺偞銇勯妸銉уⅵ鐎规洘鍨块幃銏ゅ传閵夘喗绁梻浣稿悑缁佹挳寮插┑鍫濐棜闁芥ê顥㈣ぐ鎺撴櫜闁告侗鍠楅崕鎾愁渻閵堝懘顎楅柣顓炲€垮璇测槈閵忕姈鈺呮煏婢诡垰鍟伴崢浠嬫煟鎼淬埄鍟忛柛鐘崇洴椤㈡俺顦归柛鈹垮劜瀵板嫰骞囬澶嬬秱闂備胶绮玻鍧楀极閹间礁绾ч柟闂寸劍閳锋帡鏌涚仦鎹愬闁逞屽墯閹倿骞冭缁绘繈宕熼鐘靛幆闂備礁婀遍崕銈夈€冮崱娑樼９闁割偅娲橀悡鏇熴亜閹邦喖孝闁告梹绮撻弻娑欑節閸曨剚姣堥梺鍝勭焿缂嶄線骞冮姀銈呬紶闁告洖鐏氬В澶愭⒒娴ｅ憡鎲搁柛鐘虫崌瀹曟垿鎮㈤悜姗嗘綗闂佸湱鍎ゅ鍦偓姘哺閺岀喓绱掑Ο铏圭懖濠电偛鐗忕划顖滄崲濠靛牆鏋堝璺虹灱閿涚喖姊烘潪鐗堢グ妞ゆ泦鍥ㄥ仼闁绘垼濮ら崑鍕棯閹峰矂鍝洪柡鍜佸墮閳规垿顢欓弬銈堚偓璺ㄧ棯椤撶喐鍊愮€规洦鍨抽埀顒婄秵閸犳鍩涢幋锔藉仯闁搞儯鍔庨崣鈧梺鍛婄懃鐎氼厾鎹㈠☉娆愬闁告劕寮堕幖鎰磼閻橀潧鍔嬬紒缁樼箖缁绘繈宕掑⿰鍐炬澑闂備胶枪椤戝倿寮插☉銏犵厴闁硅揪绠戠壕鍏兼叏濮楀棗骞栭柡鍡楃墦濮婃椽骞庨懞銉︽殸闂佹悶鍔岀紞濠囧箚閳ь剚銇勮箛鎾跺⒈闁轰礁娲弻锝夊箛椤撶喓绋囧銈呭缁嬫垿鍩為幋锔藉€烽柟缁樺笚閸婎垶姊洪崨濠冣拹闁绘绮撻獮鎴﹀閻橆偅顫嶉梺闈涚箚閳ь剝娅曢缁樹繆閻愵亜鈧牕顔忔繝姘；闁瑰墽绮悡娑㈡倵閿濆簼绨绘い鎺嬪灲閺屾洟宕惰椤忣厽銇勯姀鈩冪濠殿喒鍋撻梺闈涚箞閸╁嫰宕搹鍦＝闁稿本鐟︾粊鏉款渻閺夋垶鎲搁柡渚囧櫍楠炴帡寮撮悩杈焻闂傚倸鍊风粈渚€宕ョ€ｎ剛鐭堥柟缁㈠枛閻ょ偓绻濇繝鍌滃闁告艾婀遍埀顒€鍘滈崑鎾绘煕閺囥劌鍘撮柟椋庣帛缁绘盯骞橀弶鎴犲姲闂佺ǹ顑嗛幑鍥蓟瀹ュ牜妾ㄩ梺鍛婃尰閻╊垰鐣烽幋婵冩闁靛繆鈧櫕顓烘俊鐐€栭悧妤冪矙閹烘垟鏋嶉柣妯煎仺娴滄粓鏌￠崘銊︽悙濞存粌缍婇弻锟犲幢濡や緡妫﹂梺鍝勮閸斿矂鍩為幋锕€骞㈡繛鍡楁禋閺嗩偊姊绘担鍛婂暈闁哄被鍔戦幃妯侯潩鐠轰綍锕傛煕閺囥劌鐏￠柡鍛矒閺岋綁鏁愰崨鏉款伃閻庢鍠撻崝鎴濐潖閾忚瀚氶柍銉ㄦ珪閻濐垳绱撴担铏瑰笡缂佽鍟粚杈ㄧ節閸ャ劌娈濋梻鍌氱墛缁嬫挾绮ｉ悙鐑樼厽閹兼惌鍨崇粔鐢告煕閹惧鎳呴柡渚囧枟閵堬綁宕橀埞鐐濠电偠鎻徊鎸庣仚濡炪們鍎辩换姗€寮诲☉姘ｅ亾閿濆簼绨奸柛锝勭矙閺岀喖鐛崹顔句紙閻庤娲橀敃銏ゃ€佸▎鎾村殐闁冲搫顑囬獮銏犫攽閿涘嫬浜奸柛濠冩礈閹广垽骞囬弶璺ㄧ枃闂佸綊鍋婇崰姘▔瀹ュ鐓曢柟鐐仜閸嬫捇鏌涚€ｎ偅宕岄柟顔惧厴瀵泛鈻庨悙顒夋闂傚倷绀侀幗婊勬叏闂堟耽鍝勨堪閸喎娈熼柡澶婄墑閸斿海寮ч埀顒€鈹戦鏂や緵闁告挻鐩幃鐐偅閸愨斁鎷虹紓鍌欑劍钃遍柣鎾卞劦閺屾稑顫濋澶婂壎闂佺硶鏅滈惄顖炵嵁鐎ｎ喗鏅滈柦妯侯槴閸嬫捇鎮介崨濠勫幈闂佹寧妫侀褔鐛弽顓炲唨闁跨喓濮甸埛鎴︽⒒閸喓鈯曟い銉︾矒閺屾盯鎮㈤崨濠傚攭閻庢鍠栭…閿嬩繆閼搁潧绶炲┑鐘插濡蹭即姊绘担钘変汗闁冲嘲鐗撳畷婊冣枎閹炬潙浜楅梺缁樻煥閸氬宕愰悽鍛婂仭婵炲棗绻愰顏嗙磼閳ь剟宕橀鍡欙紲闁荤姴娲╃亸娆愭櫠閿旈敮鍋撳▓鍨珮闁稿锕ら悾宄邦潨閳ь剟銆佸▎鎾村殐闁宠桨绀佽婵犵绱曢崑鎴﹀磹閺嶎偅鏆滈柟鐑樻煛閸嬫挸顫濋埀顒勫炊瑜忛崝锕€顪冮妶鍡楃瑐闁绘帪绠撹棢闁割偀鎳囬崑鎾舵喆閸曨剛顦ㄩ梺鎸庢磸閸ㄤ粙濡存担绯曟瀻闁规儳鍟跨花銉︾節閵忥綆鍤冮柛銊︽緲鐓ら柨鏇炲€归崑鍌炴煛閸ャ儱鐏柣鎾冲暣閺屽秵娼幍顕呮М闂佸搫顑冮崐鏍崲濞戙垹閱囬柣鏇炲€介埀顒€娼￠弻鈥崇暆鐎ｎ剛袦闂佽鍠撻崹鑽ゅ垝濞嗘挸鍨傛い鏇炴噺缂嶆帒鈹戦悩鎰佸晱闁哥姵鐗犻弫鍐Ψ閵夘喗瀵屾繛瀵稿Т椤戝懐绮婚弽顓熺厓闁宠桨绀侀弳鐐烘煕鎼达絽鏋涢柡灞界Ч閸┾剝鎷呴崨濠冾唹闂備椒绱拋锝囩礊娴ｅ壊娼栫紓浣股戞刊鎾煣韫囨洘鍤€缂佹绻濆铏圭磼濮楀棙鐣峰┑鐐跺皺閸犳劖绌辨繝鍥х濞达綀娅ｉ悡鎾绘煟閻樺厖鑸柛鏂跨Т閳绘挻銈ｉ崘鈹炬嫼缂傚倷鐒﹂敋闁诲骏绠戦悾婵嬫晲閸喓銆婇悗娈垮暙閸パ呭姦濡炪倖甯掔€氼參鍩涢幋锔界厵闁兼祴鏅涙禒婊堟煕閺傚搫浜鹃梻鍌欑閹诧繝宕濋幋锕€绀夐幖娣妼鍥村銈嗘磵閸嬫挻鎱ㄦ繝鍌ょ吋鐎规洘甯掗埢搴ㄥ箣閻橀潧搴婂┑鐘垫暩閸嬫﹢宕犻悩璇茬闁割煈鍋掗崯宥夋⒒婵犲骸浜滄繛璇х畱鐓ゆ慨妞诲亾闁挎繄鍋ゅ鎾閿涘嫬骞愰梻浣规偠閸庮垶宕曢柆宥嗗€堕柍鍝勬噺閻撴洟鎮橀悙棰濆殭濠碘€茬矙閺屾洟宕惰椤忣剛绱掗悩宕囨创妤犵偞岣块幑鍕瑹椤栨稒绶梻鍌氬€烽悞锔界箾婵犲洤缁╅梺顒€绉撮崹鍌炴煕瑜庨〃鍛存嫅閻斿吋鐓熼柡鍌氱仢閹垿鏌涢妶鍛殻闁哄苯绉靛ḿ顏堟偋閸偅鈻婄紓鍌欑贰閸犳牠鎮ラ悡搴綎婵炲樊浜滃婵嗏攽閻樻彃鏆婇柟椋庢嚀椤啴濡堕崘銊ヮ瀳闂佹寧娲︽禍婊堫敋閿濆棛绡€婵﹩鍘藉▍銏ゆ⒑缂佹〞鎴ｃ亹閸愵亞鐜绘繛鎴烇供濞撳鏌曢崼婵囶棡妞ゃ儱鐗撻弻鈩冪瑹閸パ勭亶闂侀€涚┒閸旀垵鐣烽崼鏇炵厸闁告劦浜风槐鍐测攽閻愯埖褰х紒鍙夊閻忔瑩姊洪柅鐐茶嫰婢ь喗绻濋埀顒勬焼瀹ュ懏鐎銈嗘磵閸嬫捇鏌熼鍝勭仾濞ｅ洤锕獮姗€鎼归銏㈢崺闂備線鈧偛鑻晶瀛樼箾娴ｅ啿娲ょ粻鐑樼節婵犲倹鍣规い銉﹁壘閳规垿宕掑┃鎾虫贡閻ヮ亣顦归柡灞剧洴椤㈡洟鏁愰崶锝嗩潔濠电姴鐥夐妶鍛睏缂備浇椴哥敮鎺曠亙婵炶揪绲肩拃锕傚汲閿涘嫮纾藉ù锝堟鐢盯鏌ｉ埡濠傜仸妤犵偛鍟撮崺鍕礃閳轰礁濡抽梻浣瑰缁诲倸霉閸岀偛鐤悗锝庡枟閳锋帒霉閿濆牊顏犻柕鍡楋躬閺岋繝宕掑▎鎴犵崲閻庤娲樼划宀勫煘閹寸姭鍋撻敐搴濈敖妞ゆ柨妫濆娲川婵犲嫧妲堥梺瀹︽澘濮傞柟顕嗙節婵＄兘鍩￠崒姘ｅ亾閻㈠憡鐓ユ繝闈涙閸ｈ棄霉閻樺磭銆掔紒杈ㄦ尭椤撳ジ宕遍埡鍌滄澒婵犳鍠栭敃銈夆€﹀畡鎵殾闁圭儤鍩堝ḿ鈺傘亜閹达絾顥夊ù婊冨⒔閳ь剛鎳撶€氼參宕崇壕瀣ㄤ汗闁圭儤鍨归崐鐐烘偡濠婂嫮鐭婇棁澶愭煛瀹ュ骸骞楅柣鎾崇箰閳规垿鎮欓棃娑楀濠电偛鎳庡Λ婵嬪蓟濞戞瑧绡€闁稿本绋戞禒鎾⒑閸濆嫯顫﹂柛鏃€鍨甸锝夊箻椤旇棄鈧攱绻涢弶鎴剰濞存粓绠栭弻娑樷攽閸曨偄濮㈡繛鎴炴尭缁夊綊寮婚敍鍕勃閻犲洦褰冩慨鏇㈡⒑缂佹ɑ灏版繛鑼枛瀵寮撮悢椋庣獮濠碘槅鍨抽崕銈夋倶閸喓绡€闁冲皝鍋撻悘鐐跺Г閻濇繈姊洪崫鍕効缂佽鲸娲熼崺鈧い鎺戯功瀹€娑㈡煛閸涱喚绠樼紒顕嗙秮瀵噣宕奸悢鍝勫箰闁诲骸鍘滈崑鎾绘煃瑜滈崜鐔风暦娴兼潙鍐€鐟滃繘寮抽敂鐣岀瘈濠电姴鍊归敍宥嗕繆閺屻儳鐣洪柡宀嬬秮婵偓闁宠桨鑳舵禒顓㈡⒑閻戔晜娅撻柛銊ㄦ硾椤曪絾绻濆顓熸闂佺粯蓱瑜板啰绮ｅ☉姗嗘富闁靛牆妫欓ˉ鍡樹繆椤愩垹顏柛鈹惧亾濡炪倖甯婄粈浣规叏瀹ュ鐓涚€光偓鐎ｎ剛锛熸繛瀵稿婵″洭骞忛悩璇茬闁圭儤绻冪紞鍡涙⒒閸屾瑦绁版い鏇熺墵瀹曚即骞樼拠鑼紮濠电娀娼уΛ娑㈠汲閿曞倹鐓欓柣鎴灻悘宥嗕繆閹绘帞澧涢柟渚垮妼铻栭柍褜鍓欒灋闁哄啫鍊归～鏇㈡煥閻曞倹瀚�闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佽鍨庨崘锝嗗瘱闂備胶顢婂▍鏇㈠箲閸ヮ剙鐏抽柡鍐ㄧ墕缁€鍐┿亜韫囧海顦﹀ù婊堢畺閺屻劌鈹戦崱娆忓毈缂備降鍔庣划顖炲Φ閸曨垰绠抽悗锝庝簽娴犻箖姊洪棃娑欐悙閻庢矮鍗抽悰顕€宕堕澶嬫櫖濠殿噯绲剧€笛囧箲閸ヮ剙钃熼柣鏂挎憸閻熷綊鏌涢…鎴濇灈妞ゎ剙鐗嗛—鍐Χ鎼粹€茬凹缂備緡鍠楅幐鎼佹偩閻戣棄纭€闁绘劕绉靛Λ鍐春閳ь剚銇勯幒鎴濐伀鐎规挷绀侀埞鎴︽偐閹绘帩浼€缂佹儳褰炵划娆撳蓟濞戞矮娌柟瑙勫姇椤ユ繈姊洪柅鐐茶嫰婢т即鏌熼搹顐ｅ磳闁挎繄鍋涢埞鎴犫偓锝庘偓顓涙櫊閺屽秵娼幏灞藉帯闂佹眹鍊曢幊鎰閹惧瓨濯撮柛鎾村絻閸撳崬顪冮妶鍡楃仸闁荤啿鏅涢悾鐑藉Ψ瑜夐崑鎾绘晲鎼粹剝鐏嶉梺缁樻尰濞叉﹢濡甸崟顖氱疀闂傚牊绋愮花鑲╃磽娴ｈ棄鐓愭慨妯稿妿濡叉劙骞樼拠鑼槰闂佸啿鎼崐濠毸囬弶搴撴斀妞ゆ梻銆嬪銉︺亜椤撶偛妲婚柣锝囧厴楠炴帡骞嬮弮鈧悗濠氭⒑鐟欏嫭鍎楅柛妯衡偓鐔插徍濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩绾惧鏌熼崜褏甯涢柍閿嬪灦閵囧嫰骞掗崱妞惧缂傚倷绀侀ˇ閬嶅极婵犳氨宓侀柛鈩冪⊕閸婄兘鏌涘┑鍡楊伀妞ゆ梹鍔曢埞鎴︽倻閸モ晝校闂佸憡鎸婚悷锔界┍婵犲洦鍤冮柍鍝勫暟閿涙粓姊鸿ぐ鎺戜喊闁告瑥楠搁埢鎾斥堪閸喓鍘搁柣蹇曞仧绾爼宕戦幘璇茬疀濞达絽鎲￠崐顖炴⒑绾懎浜归悶娑栧劦閸┾偓妞ゆ帒鍟惃娲煛娴ｅ湱澧柍瑙勫灴閹瑩寮堕幋鐘辨闂備礁婀辨灙闁硅姤绮庨崚鎺楀籍閸喎浠虹紓浣割儓椤曟娊鏁冮崒娑氬幈闂佸搫娲㈤崝宀勬倶閻樼粯鐓曢柟鑸妼娴滄儳鈹戦敍鍕杭闁稿﹥鐗犲畷婵嬫晝閳ь剟鈥﹂崸妤€鐒垫い鎺嶈兌缁犲墽鈧厜鍋撳┑鐘辩窔閸嬫鈹戦纭烽練婵炲拑绲垮Σ鎰板箳閹冲磭鍠撻幏鐘绘嚑閼稿灚姣愰梻鍌氬€烽懗鑸电仚濠电偛顕崗妯侯嚕椤愩倖瀚氱€瑰壊鍠栧▓銊︾節閻㈤潧校缁炬澘绉瑰鏌ュ箵閹烘繄鍞甸柣鐘烘鐏忋劌顔忛妷褉鍋撶憴鍕碍婵☆偅绻傞～蹇涙惞閸︻厾锛滃┑鈽嗗灠閹碱偊锝炲鍥╃＝濞达綁顥撻崝宥夋煙缁嬪灝鏆遍柣锝囧厴楠炲鏁冮埀顒傜不婵犳碍鍋ｉ柛銉戝啰楠囬悗瑙勬尭缁夋挳鈥旈崘顔嘉ч柛鈩兠棄宥囩磽娴ｅ壊鍎愰柛銊ュ缁顓兼径瀣偓閿嬨亜閹哄秶顦︾€殿喖鐏濋埞鎴﹀煡閸℃浠梺鍛婎焼閸曨収娲告俊銈忕到閸燁垶宕愰崹顐ｅ弿婵☆垳鍘ф禍楣冩倵濮樼偓瀚� 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佺粯鍔﹂崜娆撳礉閵堝洨纾界€广儱鎷戦煬顒傗偓娈垮枛椤兘寮幇顓炵窞濠电姴瀚烽崥鍛存⒒娴ｇ懓顕滅紒璇插€块獮澶娾槈閵忕姷顔掔紓鍌欑劍宀ｅ潡宕㈤柆宥嗏拺闂傚牊绋撴晶鏇㈡煙閸愭煡鍙勬い銏℃椤㈡﹢濮€閿涘嫬骞愰梺璇茬箳閸嬬娀顢氳閸┾偓妞ゆ帊鑳剁粻鎾绘煟閿濆洤鍘存い銏℃礋閺佸啴鍩€椤掆偓閺侇噣姊绘担鐟邦嚋婵☆偂鐒﹂幈銊╁Χ婢跺鍓ㄩ柟鑲╄ˉ濡狙囧绩娴犲鐓熼柟閭﹀墯閳绘洟鏌涢妶鍥ф瀻闁宠鍨块、姘跺焵椤掆偓宀ｈ儻顦归柨婵堝仜閳规垹鈧綆鈧厸鏅濋幉鍛婃償椤帞绋忛梺鍝勬储閸ㄦ椽鎮″▎鎾寸厵閻熸瑥瀚慨锕傛煕閵堝棛鎳呴柣銉邯楠炲棜顦查柟顔藉灩缁辨帞绱掑Ο鍏煎垱閻庤娲栧畷顒冪亽闂佹儳绻愬﹢閬嶅箠閸℃稒鈷掑ù锝呮啞閸熺偤鏌ㄩ弴銊ヤ簽婵″弶鍔欏鎾偐閹颁焦缍楅梻浣筋潐閸庢娊顢氶銏″仭鐟滅増甯楅悡鏇㈡煏婢跺鐏ラ悗姘煎枦閵囨劙顢涢悙绮规嫽婵炶揪缍€椤宕戦悩缁樼厱闁哄倽娉曢悞鎼佹煙椤斿搫鍔︾€规洘顨婂鑽も偓闈涙憸閻ｉ箖姊绘担鍛婅础闁惧繐閰ｅ畷浼村冀椤愩倗鐒奸梺鍛婂姀閺傚倹绂嶅⿰鍫熺厸闁告劑鍔岄埀顒€鎽滈弫顕€宕滄担铏癸紲闂佸綊鍋婇崢鎯虹€涙ɑ鍙忓┑鐘插暞閵囨繄鈧娲﹂崑濠傜暦閻旂厧鍨傛い鎰癁閸ャ劉鎷洪梺纭呭亹閸嬫稒淇婇懖鈺冪＝鐎广儱鎷戝銉╂煟閿濆洤鍘村┑顔瑰亾闂佺粯锚濡瑥顪冩禒瀣ㄢ偓渚€寮崼婵嗙獩濡炪倖鎸荤粙鎴炵妤ｅ啯鐓曟い顓熷灥娴滆姤绻涢崼婊呯煓闁哄矉缍侀獮鍥敍濮樿鲸顕楀┑鐐差嚟婵即宕规禒瀣摕婵炴垯鍨圭猾宥夋煃瑜滈崜娑㈠窗婵犲偆鍚嬪璺好￠敃鍌涚厱闁哄洢鍔岄悘锟犳煛閸涱喚鐭掗柟顔肩秺瀹曞爼顢旈崟顓燁嚄濠电偛顕慨鐢稿箖閸岀偛绠栨俊銈呭暞閸犲棝鏌涢弴銊ュ闁宠绋撶槐鎾存媴閾忕懓绗＄紓浣筋嚙閻楁捇骞冩导鎼晩闁兼亽鍎遍崝鍛存⒑闂堟稈搴风紒鐘冲灥閳绘捇鎮㈤崗灏栨嫼闂傚倸鐗婇崘鑽ゆ閿熺姵鐓曢柟鎵虫櫅婵″吋銇勯埡濠傚⒋婵﹤顭峰畷鎺戭潩椤戣棄浜鹃柟闂撮檷閸嬫垿鏌熺紒銏犳灈缁炬儳顭烽弻娑㈠即閵娿儮鍋撶€ｎ€㈡椽顢旈崨顔界彇闂備線鈧偛鑻晶浼存煕濞嗗繑鍤囨慨濠冩そ瀹曨偊宕熼澶屽█閺屾盯寮崹顕呭妷闂佸搫鎳庨悥濂稿极閹剧粯鍋愰柡鍌樺劜鐎氫粙姊绘担鍛靛綊寮甸鍕仭闁挎柨澧介惌鍫ユ煟濡も偓閻楀嫭绂嶅⿰鍫熺厸闁搞儜鍕垫闂佺懓鍟块ˇ闈涚暦閹达箑绠婚悹鍥ㄥ絻閻庮厼顪冮妶鍡楀闁搞劏娅ｉ幏鐘绘倷閻戞ê鈧敻鎮峰▎蹇擃仾缂佲偓閸愵亞纾兼い鏃囧Г瀹曞本顨ラ悙鎻掓殻濠殿喒鍋撻梺鎸庣☉鐎氭澘顬婇鐣岀瘈闁靛骏绲剧涵鐐亜閹存繃宸濈紒顔界懄缁楃喖鍩€椤掆偓椤繒绱掑Ο璇差€撻梺鑽ゅ枑濠㈡ɑ鎱ㄩ姀銏㈢＝濞达綀娅ｇ敮娑㈡煕閺冣偓濞茬喖寮崘顔碱潊闁斥晛鍟扮粔鍫曟⒑鐎圭姵銆冪紒鍨涒偓婢勬稑饪伴崼鐔叉嫼缂備礁顑堝▔鏇犵不缂佹ü绻嗘い鎰╁劜绾爼鏌熼獮鍨伈鐎规洖宕灒闂傗偓閹邦喚娉块梻鍌欑閹碱偆绮旈弻銉ョ閹兼番鍔婇埀顒€鍊垮濠氬Ψ閿旀儳骞嶆俊鐐€栭悧妤€顫濋妸锔芥珷婵炴垯鍨洪悡蹇涙煕閵夋垵鍠氭导鍐渻閵堝啫鐏繛鑼枑閹便劑鍩€椤掑嫭鐓冮柟顖氬簻妤犲繘鏌涢妸锔姐仢濠碉紕鏁诲畷鐔碱敍閿濆棙娅嗛梻浣告啞濞诧箓宕戦崨顓涙灁缂備焦岣跨弧鈧紒鍓у鑿ら柛瀣尭閻ｇ兘宕惰閸樹粙鏌ｆ惔銈庢綈婵炲弶鐗曢悾鐑筋敆閸愵亙绨烽梻鍌欑窔閳ь剛鍋涢懟顖涙櫠閹绢喗鐓ユ繝闈涚墕娴狅箓鏌熼娑欘棃濠碘剝鎮傞弫鍌滄喆閸曨偒浼栭梻鍌氬€风粈渚€骞夐敍鍕煓闁硅揪璐熼崑鎴︽煙缂併垹鏋熼柛濠傜仢閳规垿宕掑顓炴殘闂佺粯鎸诲ú鐔煎蓟閺囩喎绶為悗锝庝簽娴犳挳姊洪悷鏉挎毐濡ょ姵鎮傞、姘舵晲婢跺á鈺呮煏婢跺牆鐏柡鍌楀亾闂傚倷鑳剁划顖炴晝閳哄懎绐楅柡宥庡幗閸婂爼寮堕崼娑樺缂佺姵鍎抽…璺ㄦ崉娓氼垰鍓冲銈庡墮閵堟悂寮婚敐鍫Щ闂佹椿鍘奸崐鎼侊綖韫囨稒鎯為柛锔诲幘閿涙粌鈹戦埥鍡楃仴鐎规洜鏁诲畷锝夊幢濞戞瑢鎷洪梺鍛婄☉閿曘劍绔熷Ο姹囦簻闁瑰瓨绻嶅Ο鈧Δ鐘靛仜閸熸挳寮幘缁樺亹闁告瑥鍊堕崝鎴﹀蓟瀹ュ浼犻柛鏇ㄥ亐閸嬫捇骞栨担鍝ュ姦濡炪倖甯掗崐褰掑汲椤掑嫭鐓涢悘鐐额嚙婵″ジ鏌嶇憴鍕伌鐎规洖宕埥澶愬箥娴ｉ晲澹曞┑掳鍊曢幊蹇涙偂閺囩喍绻嗘い鏍ㄧ矌鐢盯鎮樿箛銉х暤闁哄矉绱曟禒锕傚礈瑜嬮埀顒佸浮閺屽秷顧侀柛鎾卞妿缁辩偤宕卞☉妯硷紱闂佸憡渚楅崹顖炴倿婵犲洦鐓欐繛鍫濈仢閺嬨倗鐥幑鎰汗缂佽鲸鎸婚幏鍛嫻椤栨粎绐楃紓鍌欒兌婵敻骞愭繝姘﹂柛鏇ㄥ灱閺佸啴鏌ㄥ┑鍡樺窛闁汇倕瀚—鍐Χ閸愩劎浠鹃梺鎸庡哺閺屽秹鎸婃径妯恍﹂梺瀹狀嚙濮橈妇绮诲☉銏℃櫜闁告洦鍘介妵婵嬫⒒閸屾艾鈧悂宕愬畡鎳婂綊宕惰閺嗭箓鏌ｉ姀鈶跺湱绮ｅΔ鍛厵闂侇叏绠戦弸娑㈡煕閵婏妇绠炴鐐寸墪鑿愭い鎺嗗亾闁诲浚浜濈换娑㈠川椤栨锝吳庨崶褝韬┑鈥崇埣瀹曘劑顢橀悢鍓插敼闂傚倷绀侀幖顐⑽涘▎鎴濆灊闁规崘顕ч拑鐔兼煟閺傚灝鎮戦柛濠勭帛娣囧﹪顢涘┑鎰闂佸搫妫欓〃鍛粹€旈崘顔嘉ч柛灞剧⊕閻濇洟鎮峰⿰鍕凡闁哥喐娼欓敃銏＄瑹閳ь剙顫忛搹鍦＜婵☆垵顕х喊宥呪攽閻愬樊鍤熼柛蹇旓耿閻涱喖螖閸涱喖浜圭紓鍌欑劍宀ｅ潡宕㈡禒瀣拺閻熸瑥瀚崝銈夋煟鎺抽崝搴ｅ垝閸懇鍋撻敐搴℃灍闁绘挻绋撻埀顒€鍘滈崑鎾绘煃瑜滈崜鐔风暦娴兼潙鍐€妞ゆ挾濮寸粊锕傛⒑缁洖澧查柛鎴犳嚀椤﹪濡搁埡鍌楁嫼闂佺鍋愰崑娑㈠焵椤掍緡娈滅€规洑鍗冲浠嬵敇閻愯埖鎲伴柣搴＄畭閸庨亶藝閹殿喒鍋撻悽闈浶㈡い顓炴健閹虫粓鎯夐鍛伌闁糕斂鍨藉畷濂稿Ψ閿旇瀚奸梻浣告啞缁诲倻鈧凹鍨抽埀顒佺婢瑰棛妲愰幒鎾崇窞濠电姴鍋嗛弳銏犫攽閳ュ啿绾ч柛鏃€鐟╅悰顕€骞掑Δ鈧粻鐘碘偓瑙勬礀濞层倝寮稿☉銏＄厵缂佹稑婀辩弧鈧繝纰樷偓宕囧煟鐎规洏鍔戦、姗€鎮㈤懡銈呭絺濠电姷鏁告慨鐑姐€傞鐐潟闁哄洢鍨圭壕濠氭煙鏉堝墽鐣辩痪鎯х秺閺屾洟宕煎┑鎰︾紒鐐劤椤兘寮诲☉妯锋闁告鍋熸禒顓㈡倵鐟欏嫭绀冮柣鎿勭節瀵鈽夐姀鈺傛櫇闂佺粯蓱瑜板啯鎱ㄦ惔锝囩＝濞达絽鎼暩婵犳鍠氶弫鎼佸箲閵忕姭鏀介柛銉㈡櫇閻﹀牓姊虹粙鎸庢拱缂佸鍨甸埢宥夋晲婢跺鎷洪梺鍛婄箓鐎氱兘宕曡箛娑欑厽婵°倐鍋撻柨鏇樺劤缁碍娼忛妸褏鐦堥梺鎼炲劥閸╂牠寮查鈧埞鎴︽偐閼碱兛绮甸梺鍛婃⒐濞叉牠鍩㈤幘娲绘晣闁绘垵妫欑€靛矂姊洪棃娑氬闁硅櫕鍔楃划濠氬箥椤斿墽锛濋悗骞垮劚閹锋垵顔忛妷锔轰簻妞ゆ劑鍨荤粻鑼磼缂佹ḿ绠撴い顐ｇ箞椤㈡宕掗敂鎯х哎婵犵數濮烽弫鎼佸磻濞戞娑樷枎閹捐櫕妲梺鍓插亝閹﹪鏁愭径妯绘櫔闂侀€炲苯澧い顐㈢箻閹煎湱鎲撮崟顐㈠箲闂備礁鎲＄划鍫㈢矆娴ｇ硶鏋旀繝闈涚墢绾捐棄霉閿濆嫮鐭欓柛婵堝劋缁绘盯宕ｆ径宀€鐓夐悗瑙勬礃瀹€鎼佺嵁閹烘绠ｉ柡鍐ｅ亾闁诲骸顭峰铏规喆閸曨偄濮㈢紒鍓ц檸閸欏啴銆佸Ο濂芥椽顢旈崨顏呭闂備礁婀辨灙閻庢稈鏅犻幃锟犲Ψ閳哄倻鍘电紒鐐緲瀹曨剚绂嶅┑鍫㈢＜闁稿本姘ㄦ牎缂備浇妗ㄧ划娆忕暦閵婏妇绠鹃柣鎰靛墮椤忓綊姊婚崒娆戭槮闁硅绱曢幑銏ゅ磼濠ф儳浜炬慨姗嗗墮濡插宕℃潏鈺傚枑闁绘鐗嗙粭姘舵煟閹惧瓨绀嬮柡灞炬礃缁绘稖顦查柛鐕佸灦閹﹢宕奸妷锕€鈧灚绻涢崼婵堜虎闁哄鍠栭弻鐔碱敊閻撳簶鍋撻幖渚囨晪闁挎繂顦介弫瀣煃瑜滈崜娆撴偩闁垮闄勯柛娑橈工娴滄粓姊洪崨濠勭畵閻庢凹鍓涚划缁樺鐎涙ǚ鎷婚梺绋挎湰閻熝囁囬敃鍌涚厵閻犲泧鍛槇閻庤娲樼换鍡浰囩€电硶鍋撻崹顐ｇ凡闁挎洦浜獮濠囨倷閸濆嫀銊ф喐濠婂厾娲箹娴ｅ厜鎷洪梺鍛婄☉閿曘儳鈧灚鐟╅弻娑樷槈閸楃偟浼堢紓浣稿船閸熷潡鍩為幋锔藉€烽柤鎼佹涧濞懷呯磽閸屾氨袦闁稿鎸搁埞鎴︽倷閸欏鐝旂紓浣瑰絻濞尖€愁嚕椤愶富鏁婇悘蹇旂墬椤秴鈹戦瑙掕绂嶉鍕櫖婵犲﹤鐗婇悡鐔煎箹閹碱厼鐏ｇ紒澶屾暬閺屾稓鈧綆浜濋崳钘壝瑰⿰鍕€愭鐐茬Ч椤㈡瑩宕滆缁辨煡姊绘担鍛靛綊寮甸鍌滅煓闁瑰瓨绶疯ぐ鎺濇晪闁逞屽墴瀵鍩勯崘鈺侇€撶紓浣割儐鐎笛冣枔婵犳碍鍊甸悷娆忓缁€鍐偨椤栨稑娴柨婵堝仜閳规垹鈧綆浜為悿鍛存煟鎼搭垳绉甸柛鎾寸懅閼洪亶濡烽敂鍓х槇闂佹眹鍨藉ḿ褎鐗庢俊鐐€栧褰掓偋閻樿尙鏆﹂柡澶庮嚦閺冨牆宸濇い鏃囧Г閻濇牠姊绘担绋挎毐闁圭⒈鍋婇獮濠冩償閿濆洨鐒奸梺鍓插亖閸庢煡鎮￠妷鈺傜厸闁搞儮鏅涙禒婊堟煃瑜滈崜娆戠礊婵犲倻鏆﹂柟鎵閸嬨劑鏌涘☉姗堝姛闁告ḿ鏁诲铏规嫚閳ュ磭浠┑鐘灪鏋い锝呮健濮婄粯鎷呴悷鎵虫灆闂佽 鍋撻弶鍫氭櫆閺嗘粓鏌熼悜姗嗘畷缂佺姵甯″缁樻媴閻熼偊鍤嬬紓浣筋嚙閸婂潡鐛繝鍛杸婵炴垶岣块悿鍛存⒑瑜版帗锛熼柣鎺炵畵閹繝濡烽敂鍓ь啎闂佺懓顕崑宥囩磽濮樿埖鍤冮柡宥庡亞绾捐棄霉閿濆嫮鐭欓柛婵囨そ閹粙顢涢妶鍥╃槇闂侀潧妫旂粈渚€锝炲┑鍫熷磯闁告繂瀚悰鈺備繆閻愵亜鈧牠骞愰悙顒佸弿闁告劕妯婂ù鏍煙閸撗呯瘈缂佽妫濋弻鏇㈠醇濠靛洦鎮欓柛鐔告倐濮婅櫣绮欏▎鎯у壋闂佺ǹ顑冮崐鏇㈡偩閻ゎ垬浜归柟鐑樺灥閻庮厼顪冮妶鍡樷拻闁稿鎸搁埢鎾淬偅閸愨斁鎷洪梺鍛婃尰瑜板啯绂嶅┑鍥╃閻犲泧鍛殼閻庢鍣崑濠傜暦閸楃偐妲堟繛鍡樺灥楠炲牓姊虹拠鑼闁稿鍠栧畷鎴﹀箻缂佹ê鍓梺纭呮彧闂勫嫰鎮¤箛娑欑厱妞ゆ劦鍋勬晶浼存煟閿濆懐浠涢柟渚垮妽缁绘繈宕ㄩ鍛摋闂備礁缍婇ˉ鎾寸箾閳ь剚顨ラ悙瀛樺磳妤犵偞甯￠獮瀣倷閸倣妯肩磽閸屾艾鈧悂宕愰幖浣哥９闁告縿鍎抽惌鎾绘煛婢跺娈炬繛鎴炃氶弸搴ㄦ煙鐎电ǹ啸闁绘帒娼￠幃妤呯嵁閸喖濮庡銈忓瘜閸ㄨ泛鐣峰鈧崺鈧い鎺嗗亾妞ゎ亜鍟存俊鍫曞幢濡儤娈梻浣呵归鍥窗閺嵮呮殾妞ゆ劏鎳￠弮鈧幏鍛存惞鐠団€虫櫗闂備浇顕уù鐑藉极閸涘﹦浠氶柣搴㈢⊕缁诲倿鈥旈崘顔嘉ч柛鈩冾殘娴犳潙鈹戦埥鍡椾簼缂佽鐗撻悰顕€宕橀鑲╀紜闂佸搫鍊堕崕鏌ユ倵婵犳碍鈷戦柣鐔告緲閳锋棃鎮跺☉鏍у姦妤犵偛绻樺畷顐﹀礋閸偄鐦滈梻渚€娼ч悧鍡椢涘▎鎴滅剨妞ゅ繐鐗婇悡鏇㈡煛閸屾碍鍋ラ柛娆忓閺岀喖顢氶埀顒傜不閺嵮呮殾闁跨喓濮甸崐濠氭煕閳╁啰鎳冮柡浣规倐閺岋綁鎮㈤崫銉х厑缂備緡鍠楅幐鎼佹偩閻ゎ垬浜归柟鐑樻尵閸斿爼鎮楅獮鍨姎闁瑰弶锕㈤弫鍐磼濞戞艾骞堥梻浣告惈濞层垽宕濆畝鍕€堕柣妯哄帠缁诲棙銇勯幇鍓佺Ф闁兼澘娼￠弻锛勪沪閸撗勫垱闂佺偨鍎荤粻鎾荤嵁鐎ｎ亖鏀介柛銉㈡櫃缁噣姊婚崒娆掑厡閺嬵亝銇勯幋婵囶棦妤犵偞鍔栭妶锝夊礃閵娧呮瀫闂備礁婀遍搹搴ㄥ窗閺嶎偆鐭嗛悗锝庡亖娴滄粓鏌熼幆褜鍤熼柍顖涙礋閺屸剝绗熼埀顒€岣胯閸╃偤骞嬮敂钘変汗闂佸壊鐓堥崑鍛掗崟顒傜瘈婵炲牆鐏濋弸鐔哥箾閸忚偐鎳呴柛娆忔嚇濮婃椽骞愭惔銏㈩槬闂佺ǹ锕ら幗婊勭珶閺嚶颁汗闁圭儤鎸撮幏娲⒑閸撹尙鍘涢柛锝庡櫍瀹曟洖顓奸崥銈囨嚀楗即宕熼鐘靛帨闂備胶绮幖鈺呭磻婵犲倻鏆﹂柛顐ｆ礀鎯熼梺鎸庢磵閸嬫挾鐥弶璺ㄐ㈡い顏勫暣婵″爼宕ㄩ婊呮澖闂備胶枪閿曘儳鎹㈤崼婵愬殨閻犲洦绁村Σ鍫熸叏濮楀牏鍒板ù婊堢畺閺屻劌鈹戦崱娑扁偓妤€霉濠婂嫮绠橀柍褜鍓濋～澶娒洪弽顓熷剶濠靛倻枪閻掑灚銇勯幒宥囪窗闁哥喎绻橀弻娑㈡偐瀹曞洤鈷岄梺绯曟杹閸嬫挸顪冮妶鍡楃瑨闁稿﹦枪閳诲秷绠涢弬鍓х畾婵烇絽娲ゅ畷顒佷繆婵傚憡鐓冮悷娆忓閻忔挳鏌熼鐣屾噰妤犵偞鎹囬獮鎺楀箻閺傘儱浜炬い鏍仦閳锋垹绱撴担鐧镐緵婵炲牊娲樼换娑㈡嚑椤掆偓閺嬫稓鈧娲樺浠嬪箖濞嗘挸浼犻柛鏇ㄥ弾閸氬懘姊绘担鐟邦嚋婵☆偂绀佽灋闁告洦鍓涢々鑼喐閻楀牆绗氶柣鎾跺枛楠炴牜鍒掗悷鏉库拤闁荤姵鍔忛埀顒佹灱閺€鑺ャ亜閺冨洤袚閻忓骏绠撻幐濠囨偄閸濄儳鐦堥梻鍌氱墛娓氭宕曢幇鐗堢厓闂佸灝顑呴悘鈺冪磼鏉堛劌绗ч柍褜鍓ㄧ紞鍡涘储婵傜ǹ绀夐柛顭戝亖娴滄粍銇勯幇闈涘闁伙絿鏁婚弻锛勪沪閸撗勫垱閻庢鍣崜鐔风暦缁嬭鏃堝焵椤掆偓椤曪綁寮剁拠鐐閹晠妫冨☉妤冩崟婵＄偑鍊х€靛矂宕归崼鏇熸櫜闁绘劕鎼～鍛存煟濡櫣浠涙繛鍫熸礋濮婃椽鏌呴悙鑼跺濠⒀勬尦閺岀喖顢欓崗鐓庝淮闂佺硶鏂侀崑鎾愁渻閵堝棗鍧婇柛瀣崌閺屽秶鎲撮崟顐や紝闂佽鍠楅悷鈺侇嚕閸洖绠ｉ柣妯块哺椤㈡﹢鏌ｆ惔鈥冲辅闁稿鎹囬弻銊モ攽閸℃ê娅ら梺绋款儍閸庣敻寮婚悢纰辨晩闁稿繒鍘ф禒鎾倵鐟欏嫭纾搁柛鏂块叄閸┾偓妞ゆ帊鑳堕埊鏇㈡嚕閵堝鐓欓梺鍨儐閵囨繃鎱ㄦ繝鍐┿仢婵☆偄鍟撮崺鈩冩媴閻戞鎺楁⒒娴ｅ憡鍟為柣鐔村灲瀹曟垿骞橀弬銉︽杸闂佹寧绋戠€氼剚绂嶆ィ鍐╃厵妞ゆ梻鍘ч埀顒€鐏濋锝囨嫚濞村顫嶉梺闈涚箚閳ь剙鍘栧Ч妤呮⒒娴ｅ摜绉烘い锝忕畵閹偤鏁冮崒娑樹痪婵炴挻鍩冮崑鎾绘煙椤旂瓔娈旈柍缁樻崌瀹曞綊顢欓悾灞兼喚闂傚倷鑳剁划顖炲箹椤愩倖宕叉繝闈涱儐閸嬫ɑ銇勯弴妤€浜鹃悗娈垮枙缁瑦淇婇幖浣规櫇闁逞屽墴椤㈡捇骞樼紒妯锋嫼闂傚倸鐗冮弲娑㈡儊濠婂牊鐓曟俊顖滃帶鐢埖銇勯弴顏嗙М妤犵偛閰ｉ幊鐐哄Ψ閵忊€愁伜婵犵數鍋犻幓顏嗙礊閳ь剚绻涢崪鍐偧闁轰緡鍠栭埥澶娾枎閹寸媭鍟庨梻浣告啞閻熴儵藝鏉堛劍娅犻柣銏㈩暯閸嬫挾鎲撮崟顒傤槰闂佸憡姊归悷銉╂偩閻戣姤鍊荤紒娑橆儐閺咃絽鈹戦悙鏉戠仸閻顭跨憴鍕闁宠鍨块、娆戠磼閹惧墎绐楅梻浣呵归鍡涘箰妤ｅ啫鐒垫い鎺嶈兌閸熸煡鏌熼崙銈嗗
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML><HEAD><TITLE>玩转动感滑动透明菜单(一)</TITLE>
<!-- Make By CSDN Nba23 8/6/2003 ) -->
<META content=text/html; charset=gb2312 http-equiv=Content-Type>
<META content=MSHTML 5.00.3502.5390 name=GENERATOR>
<STYLE type=text/css></STYLE>
<LINK href=images/sytle.css rel=stylesheet type=text/css>
<SCRIPT language=javascript src=images/dropdownC.js>
</SCRIPT>
<SCRIPT language=javascript src=images/dropdown_initialize.js>
</SCRIPT>
</HEAD>
<BODY bgcolor=#FDEEEE onload=init();>
<p> 玩转动感滑动透明菜单(一)：(Make By <em>CSDN</em> <em><strong><a href=mailto:nba23@vbnc.net>nba23</a></strong></em>
8/6/2003 )<br>
</p>
<TABLE width=70% border=0 align=center cellPadding=0 cellSpacing=0 >
<TBODY>
<TR>
<TD vAlign=top height=24><A id=menu1
onmouseover=swapImage(button1, preloaded[1][1].src)
onmouseout=swapImage(button1, preloaded[1][0].src)
href=http://www.csdn.net><IMG src=http://www.chinageren.com/chengxu/Javascript/images/1-0.gif
name=button1 width=68 height=25 border=0
id=button1></A></TD>
<TD vAlign=top height=24><a id=menu2
onMouseOver=swapImage(button2, preloaded[2][1].src)
onMouseOut=swapImage(button2, preloaded[2][0].src)
href=http://www.csdn.net><img src=http://www.chinageren.com/chengxu/Javascript/images/2-0.gif
name=button2 width=68 height=25 border=0
id=button2></a></TD>
<TD vAlign=top height=24><A id=menu3
onmouseover=swapImage(button3, preloaded[3][1].src)
onmouseout=swapImage(button3, preloaded[3][0].src)
href=http://www.csdn.net><IMG src=http://www.chinageren.com/chengxu/Javascript/images/3-0.gif
name=button3 width=68 height=25 border=0
id=button3></A></TD>
<TD vAlign=top height=24><A id=menu4
onmouseover=swapImage(button4, preloaded[4][1].src)
onmouseout=swapImage(button4, preloaded[4][0].src)
href=http://www.csdn.net><IMG src=http://www.chinageren.com/chengxu/Javascript/images/4-0.gif
name=button4 width=68 height=25 border=0
id=button4></A></TD>
<TD vAlign=top height=24><A id=menu5
onmouseover=swapImage(button5, preloaded[5][1].src)
onmouseout=swapImage(button5, preloaded[5][0].src)
href=http://www.csdn.net><IMG src=http://www.chinageren.com/chengxu/Javascript/images/5-0.gif
name=button5 width=68 height=25 border=0
id=button5></A></TD>
<TD vAlign=top height=24><A id=menu6
onmouseover=swapImage(button6, preloaded[6][1].src)
onmouseout=swapImage(button6, preloaded[6][0].src)
href=http://www.csdn.net><IMG
src=http://www.chinageren.com/chengxu/Javascript/images/6-0.gif
name=button6 width=68 height=25 border=0 id=button6></A></TD>
</TR></TBODY></TABLE>
<SCRIPT language=javascript src=images/dropdown_content.js>
</SCRIPT>
<!-- JS文件和gif图片(以1-0、1-1、2-0、2-1 .....命名)保存在images目录下 -->
<br>
<CENTER>
<a >演示</a>：http://www.vbnc.net/nba23/js/menu10.htm<br>
<a >下载代码</a>：http://www.vbnc.net/nba23/js/menu10.rar<br>
</CENTER><br></BODY></HTML>
sytle.css
--------------------------------
A{
COLOR: #ooo; TEXT-DECORATION:none
}
A:link {
COLOR: #039
}
A:visited {
COLOR: #039
}
A:hover {
COLOR: #f60
}
.mtDropdownMenu {
LEFT: -1imagespx; OVERFLOW: hidden; POSITION: absolute; TOP: -1imagespx
}
.mtDropdownMenu .content {
POSITION: absolute
}
.mtDropdownMenu .items {
BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; LEFT: 0px; POSITION: relative; TOP: 0px; Z-INDEX: 2
}
.mtDropdownMenu .item {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: #333333; CURSOR: hand; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none; EXT-DECORATION: none
}
.mtDropdownMenu .background {
FILTER: alpha(opacity=75); LEFT: 0px; POSITION: absolute; TOP: 0px; Z-INDEX: 1; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
FILTER: alpha(opacity=40); POSITION: absolute; TOP: 3px; WIDTH: 2px; Z-INDEX: 3; moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
FILTER: alpha(opacity=40); HEIGHT: 2px; LEFT: 3px; POSITION: absolute; Z-INDEX: 1; moz-opacity: .4
}
.mtDropdownMenu .hover {
BACKGROUND: #cccccc; COLOR: #ffffff
}
.mtDropdownMenu .item IMG {
MARGIN-LEFT: 10px
}
dropdownC.js
-----------------------------------------
<!--
mtDropDown.spacerGif = ;
mtDropDown.dingbatOn = ;
mtDropDown.dingbatOff = ;
mtDropDown.dingbatSize = 14;
mtDropDown.menuPadding = 1;
mtDropDown.itemPadding = 4;
mtDropDown.shadowSize = 2;
mtDropDown.shadowOffset = 3;
mtDropDown.shadowColor = #888; //菜单边框阴影
mtDropDown.shadowPng = ;
mtDropDown.backgroundColor = #ffffff; //菜单底色
mtDropDown.backgroundPng = ;
mtDropDown.hideDelay = 200; //菜单隐藏时间
mtDropDown.slideTime = 300; //菜单显示时间
mtDropDown.reference = {topLeft:1,topRight:2,bottomLeft:3,bottomRight:4};
mtDropDown.direction = {down:1,right:2};
mtDropDown.registry = [];
mtDropDown._maxZ = 100;
mtDropDown.isSupported = function() {
if (typeof mtDropDown.isSupported.r == boolean)
return mtDropDown.isSupported.r;
var ua = navigator.userAgent.toLowerCase();
var an = navigator.appName;
var r = false;
if (ua.indexOf(gecko) > -1) r = true;
else if (an == Microsoft Internet Explorer) {
if (document.getElementById) r = true;
}
mtDropDown.isSupported.r = r;
return r;
}
mtDropDown.initialize = function() {
for (var i = 0, menu = null; menu = this.registry[i]; i++) {
menu.initialize();
}
}
mtDropDown.renderAll = function() {
var aMenuHtml = [];
for (var i = 0, menu = null; menu = this.registry[i]; i++) {
aMenuHtml[i] = menu.toString();
}
document.write(aMenuHtml.join());
}
function mtDropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, parentMenuSet) {
this.addItem = addItem;
this.addMenu = addMenu;
this.toString = toString;
this.initialize = initialize;
this.isOpen = false;
this.show = show;
this.hide = hide;
this.items = [];
this.onactivate = new Function();
this.ondeactivate = new Function();
this.onmouseover = new Function();
this.onqueue = new Function();
this.index = mtDropDown.registry.length;
mtDropDown.registry[this.index] = this;
var id = mtDropDown + this.index;
var contentHeight = null;
var contentWidth = null;
var childMenuSet = null;
var animating = false;
var childMenus = [];
var slideAccel = -1;
var elmCache = null;
var ready = false;
var _this = this;
var a = null;
var pos = iDirection == mtDropDown.direction.down ? top : left;
var dim = null;
function addItem(sText, sUrl) {
var item = new mtDropDownItem(sText, sUrl, this);
item._index = this.items.length;
this.items[item._index] = item;
}
function addMenu(oMenuItem) {
if (!oMenuItem.parentMenu == this) throw new Error(Cannot add a menu here);
if (childMenuSet == null) childMenuSet = new mtDropDownSet(mtDropDown.direction.right, -5, 2, mtDropDown.reference.topRight);
var m = childMenuSet.addMenu(oMenuItem);
childMenus[oMenuItem._index] = m;
m.onmouseover = child_mouseover;
m.ondeactivate = child_deactivate;
m.onqueue = child_queue;
return m;
}
function initialize() {
initCache();
initEvents();
initSize();
ready = true;
}
function show() {
if (ready) {
_this.isOpen = true;
animating = true;
setContainerPos();
elmCache[clip].style.visibility = visible;
elmCache[clip].style.zIndex = mtDropDown._maxZ++;
slideStart();
_this.onactivate();
}
}
function hide() {
if (ready) {
_this.isOpen = false;
animating = true;
for (var i = 0, item = null; item = elmCache.item[i]; i++)
dehighlight(item);
if (childMenuSet) childMenuSet.hide();
slideStart();
_this.ondeactivate();
}
}
function setContainerPos() {
var sub = oActuator.constructor == mtDropDownItem;
var act = sub ? oActuator.parentMenu.elmCache[item][oActuator._index] : oActuator;
var el = act;
var x = 0;
var y = 0;
var minX = 0;
var maxX = (window.innerWidth ? window.innerWidth : document.body.clientWidth) - parseInt(elmCache[clip].style.width);
var minY = 0;
var maxY = (window.innerHeight ? window.innerHeight : document.body.clientHeight) - parseInt(elmCache[clip].style.height);
while (sub ? el.parentNode.className.indexOf(mtDropdownMenu) == -1 : el.offsetParent) {
x += el.offsetLeft;
y += el.offsetTop;
if (el.scrollLeft) x -= el.scrollLeft;
if (el.scrollTop) y -= el.scrollTop;
el = el.offsetParent;
}
if (oActuator.constructor == mtDropDownItem) {
x += parseInt(el.parentNode.style.left);
y += parseInt(el.parentNode.style.top);
}
switch (iReferencePoint) {
case mtDropDown.reference.topLeft:
break;
case mtDropDown.reference.topRight:
x += act.offsetWidth;
break;
case mtDropDown.reference.bottomLeft:
y += act.offsetHeight;
break;
case mtDropDown.reference.bottomRight:
x += act.offsetWidth;
y += act.offsetHeight;
break;
}
x += iLeft;
y += iTop;
x = Math.max(Math.min(x, maxX), minX);
y = Math.max(Math.min(y, maxY), minY);
elmCache[clip].style.left = x + px;
elmCache[clip].style.top = y + px;
}
function slideStart() {
var x0 = parseInt(elmCache[content].style[pos]);
var x1 = _this.isOpen ? 0 : -dim;
if (a != null) a.stop();
a = new Accelimation(x0, x1, mtDropDown.slideTime, slideAccel);
a.onframe = slideFrame;
a.onend = slideEnd;
a.start();
}
function slideFrame(x) {
elmCache[content].style[pos] = x + px;
}
function slideEnd() {
if (!_this.isOpen) elmCache[clip].style.visibility = hidden;
animating = false;
}
function initSize() {
var ow = elmCache[items].offsetWidth;
var oh = elmCache[items].offsetHeight;
var ua = navigator.userAgent.toLowerCase();
elmCache[clip].style.width = ow + mtDropDown.shadowSize + 2 + px;
elmCache[clip].style.height = oh + mtDropDown.shadowSize + 2 + px;
elmCache[content].style.width = ow + mtDropDown.shadowSize + px;
elmCache[content].style.height = oh + mtDropDown.shadowSize + px;
contentHeight = oh + mtDropDown.shadowSize;
contentWidth = ow + mtDropDown.shadowSize;
dim = iDirection == mtDropDown.direction.down ? contentHeight : contentWidth;
elmCache[content].style[pos] = -dim - mtDropDown.shadowSize + px;
elmCache[clip].style.visibility = hidden;
if (ua.indexOf(mac) == -1 || ua.indexOf(gecko) > -1) {
elmCache[background].style.width = ow + px;
elmCache[background].style.height = oh + px;
elmCache[background].style.backgroundColor = mtDropDown.backgroundColor;
elmCache[shadowRight].style.left = ow + px;
elmCache[shadowRight].style.height = oh - (mtDropDown.shadowOffset - mtDropDown.shadowSize) + px;
elmCache[shadowRight].style.backgroundColor = mtDropDown.shadowColor;
elmCache[shadowBottom].style.top = oh + px;
elmCache[shadowBottom].style.width = ow - mtDropDown.shadowOffset + px;
elmCache[shadowBottom].style.backgroundColor = mtDropDown.shadowColor;
}
else {
elmCache[background].firstChild.src = mtDropDown.backgroundPng;
elmCache[background].firstChild.width = ow;
elmCache[background].firstChild.height = oh;
elmCache[shadowRight].firstChild.src = mtDropDown.shadowPng;
中查找“玩转动感滑动透明菜单(一)”更多相关内容
中查找“玩转动感滑动透明菜单(一)”更多相关内容更多精彩
赞助商链接
