关于网页图片可以放大缩小的问题，HTML高手进！ 求html和js高手，我要做成一张图片任意放大缩小后，点击标...
javascript\u9ad8\u624b\u8bf7\u8fdb\uff01\u5173\u4e8e\u5c31js\u63a7\u5236\u7f51\u9875\u56fe\u7247\u653e\u5927\u7f29\u5c0f\u7684\u95ee\u9898\u8fd9\u4e2a\u4ee3\u7801\u53ea\u662f\u4fee\u6539\u4e86\u7f29\u653e\u5143\u7d20\u7684\u7f29\u653e\u6bd4\u4f8b\uff0c\u5e76\u6ca1\u6709\u8bbe\u7f6e\u57fa\u51c6\u70b9\u3002
\u57fa\u51c6\u70b9\u5e94\u8be5\u662f\u8fd9\u4e2a\u5143\u7d20\u7684\u5b9a\u4f4d\u5c5e\u6027\u5bfc\u81f4\u7684\u5427\uff0c\u6bd4\u5982
img{position:absolute;top:0;right:0;}
\u4e5f\u8bb8\u662f\u5176\u4e2d\u7684\u5b9a\u4f4d\u5bfc\u81f4\u4e86\u57fa\u51c6\u70b9\u5728\u53f3\u4e0a\u7684\u6548\u679c
\u8fd9\u4e2a\u4f60\u53ef\u4ee5\u76f4\u63a5\u7528\u767e\u5ea6\u5730\u56fe\u505a\u554a http://developer.baidu.com/map/ \u4ed6\u4eec\u90fd\u6709\u514d\u8d39\u7684\u5f00\u6e90\u63a5\u53e3
通过滚轮来控制图片大小，在页面的头部<head>跟</head>之间插入以下语句就可以了：<script>
function on_mousewheel()
{
var o = event.srcElement;
if(o.tagName == 'IMG' && o.offsetWidth > 320)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/20;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
return true;
}
document.onmousewheel = on_mousewheel;</script>
BLOG里你可能无法禁止.
绛旓細2銆佹坊鍔犫渙nmouseover鈥漥s浜嬩欢锛岄鍏堜娇鐢ㄢ渄ocument.getElementById鈥濊幏鍙栧埌鍥剧墖鏍囩锛岀劧鍚庡畾涔夐紶鏍囩Щ鍔ㄥ埌鍥剧墖涓婃椂鍙戠敓鐨勪簨浠讹紝杩欐椂鍥剧墖灏嗕細鏀惧ぇ锛3銆佹坊鍔犫渙nmouseout鈥漥s浜嬩欢锛岄鍏堣幏鍙栧浘鐗囨爣绛撅紝鐒跺悗瀹氫箟榧犳爣绉诲紑鍥剧墖鏃跺彂鐢熺殑浜嬩欢锛岃繖鏃跺浘鐗囧皢浼缂╁皬锛氬井鍗氬浘鐗囦笉鑳芥斁澶.鎬庝箞鍔烇紵杩欐槸缃戦〉璁剧疆闂锛屾柊娴井鍗欽S...
绛旓細闂涓锛氱綉椤靛浘鐗囧浣曟斁澶ф樉绀 鏄綘鐨勬祻瑙堝櫒鏈夐棶棰樺惂,鎴戞墦寮浜嗕綘鐨勭綉椤电湅浜嗗憖,鐐瑰嚮鍥剧墖鍚庢槸澶у浘鍛!闈炲父澶ц鐢ㄦ粴鍔ㄦ潯鎵嶈鍛.闂浜岋細鎬庝箞浣跨綉椤靛浘鐗囨寜鐓у睆骞曞ぇ灏忕缉鏀惧晩锛燂紵锛 ]@]@]Test 杩欐牱灏卞ソ浜.涓昏鏄偅涓猟isplay:block;width:100 闂涓夛細鎬庢牱灏嗙綉椤佃鍥炬斁澶ф垨缂╁皬 浣犲啀涓嬭浇涓涓叾浠栫殑娴忚鍣...
绛旓細淇鐨勬椂鍊欙紝闇瑕佸叧闂凡缁忔墦寮鐨勬祻瑙堝櫒椤甸潰锛屼繚瀛樺ソ鏁版嵁锛屽叧闂祻瑙堝櫒骞朵慨澶銆傝繖鏍蜂慨澶嶄箣鍚庯紝灏卞啀涔熸病鏈夎嚜鍔ㄧ缉鏀句簡銆傚厖鍒嗗埄鐢ㄦ悳鐙楁祻瑙堝櫒鐨勪慨澶嶅伐鍏凤紝鍙互瑙ｅ喅寰堝绋濂囧彜鎬殑闂銆傛渶鍚庯紝闇瑕佽鏄庝竴鐐癸細濡傛灉鍕鹃変簡鈥滄缂╂斁姣斾緥瀵规墍鏈夐〉闈㈢敓鏁堚濋夐」涔嬪悗锛屽啀鍘绘煇涓涓〉闈㈡斁澶ф煡鐪嬪浘鐗囷紝閭ｄ箞姝ゆ椂鎵鏈夌殑椤甸潰涔熶細闅忎箣...
绛旓細鏀惧ぇ缂╁皬鍙槸瀵鍥剧墖鐨涓涓壇鏈繘琛屾搷浣滅殑锛屽師濮嬪浘鐗囦笉浼氬彉
绛旓細杩樺彲浠ヤ娇鐢ㄦ祻瑙堝櫒鍙充笅鏂圭殑蹇嵎鎸夐敭锛屾潵璋冩暣缃戦〉鐨勫ぇ灏忥紱鎴栬呬娇鐢ㄢ淐trl+榧犳爣婊戣疆涓婁笅鈥濇潵璋冩暣缃戦〉澶у皬锛汭E娴忚鍣ㄧ殑鏃跺欙紝鍦↖E娴忚鍣ㄧ殑鐣岄潰涓夋嫨鐐瑰嚮鈥滃伐鍏封濓紱鍦ㄥ伐鍏凤紝榧犳爣绉诲姩鍒扳滅缉鏀锯濆湪寮瑰嚭鐨勬斁澶х缉灏忎腑锛岄夋嫨瑕佹斁澶х殑姣斾緥銆備篃鍙互浣跨敤蹇嵎閿潵鏀惧ぇ缂╁皬缃戦〉锛屼娇鐢ㄦ斁澶р淐trl+鈥,浣跨敤缂╁皬鈥淐trl-鈥濄
绛旓細鎵撳紑娴忚鍣紝鍦缃戦〉鐨鍙充笅瑙掔偣鍑鏀惧ぇ闀滄寜閽紝鍗冲彲閫夋嫨缂╁皬鎴栬呮斁澶ц缃戦〉鐨勬樉绀烘瘮渚嬶紱鎴栬呭湪闇瑕佽皟鑺傜殑椤甸潰锛屾寜浣忛敭鐩樼殑銆怌trl銆戦敭锛屽悓鏃舵粦鍔ㄩ紶鏍囩殑婊戣疆鍗冲彲璋冭妭銆傜綉椤碉紙鑻辫锛歸ebpage锛夋槸涓涓傜敤浜庝竾缁寸綉鍜岀綉椤垫祻瑙堝櫒鐨勬枃浠讹紝瀹冨瓨鏀惧湪涓栫晫鏌愪釜瑙掕惤鐨勬煇涓閮ㄦ垨涓缁勪笌浜掕仈缃戠浉杩炵殑璁＄畻鏈轰腑銆傚畠鏄瀯鎴缃戠珯鐨...
绛旓細濡備綍淇敼缃戦〉涓鍥剧墖鐨澶у皬锛熷浘鐗囧拰鐓х墖鏂囦欢鍘嬬缉鍙樺皬锛屼絾鍥剧墖鍜岀収鐗囨竻鏅帮紝璐ㄩ噺淇濇寔涓嶅彉銆傛偍鍙互浣跨敤浠ヤ笅鎿嶄綔鏂规硶:1.鑾峰彇宸ュ叿鈥滅鍘嬬缉澶у笀鈥濆苟閫夋嫨鎿嶄綔銆2.瀵煎叆鍥剧墖鍜屾媿鐓ф搷浣溿3.鏈鍚庯紝绛夊緟鍥惧儚鍘嬬缉瀹屾垚銆4.瑙ｉ噴鍘嬬缉妯″紡:浼樺厛绾ч檷浣(閫傜敤浜庡浘鐗囧拰闄嶄綆鍥捐〃)鍘嬬缉(閫傜敤浜庣數瀛愰偖浠跺拰娑堟伅浼犻)娓呮櫚(閫傚悎瑙傜湅)鎺ㄨ崘...
绛旓細鍙屼笁娆℃彃鍊兼洿濂芥瘮鍙岀嚎鎬ф彃鍊兼洿濂姐傚浜庝綆鍒嗚鲸鐜囨垨棰滆壊寰堝皯鐨勶紙閫氬父鏄粠2鍒256鑹诧級鍥惧儚鐨勬斁澶ч棶棰锛屾晥鏋滄渶濂界殑绠楁硶鏄痟q2x绠楁硶鎴栫被浼肩殑缂╂斁绠楁硶銆傝繖浜涚畻娉曞皢浼氫骇鐢熼攼杈瑰苟淇濈暀澶ч噺鐨勭粏鑺傦紝鍏舵晥鏋滃涓嬶細瀵逛簬鐓х墖锛堜互鍙婃湁璁稿鑹查樁鐨勫厜鏍呭浘鍍忥級鐨勭缉鏀剧畻娉鍙互鍙傜湅涓绉嶈绉颁负瓒呴噰鏍凤紙supersampling锛夌殑鍙嶉敮榻跨畻娉曘
绛旓細缁鍥剧墖缁熶竴澶勭悊涓涓嬪柦锛岃繖涓彲鏄病鏈夊姙娉曠殑浜嬶紝澶ぇ浼氬奖鍝缃戦〉鐨鎵撳紑閫熷害锛屽啀灏卞浘鐗囨斁鐨勫お澶氾紝浼氬奖鍝嶆悳绱㈠紩鎿庢敹褰曟儏鍐碉紱濡傛灉绫讳技濠氱罕琛屼笟锛岄渶瑕佸浘鐗囧鐨勮涓氾紝鍙互閫傚悎缂╁皬锛屽お灏忕殑璇濓紝涔熸槸鐪嬩笉鍒版晥鏋滐紝杩欎釜涔熸槸瀵硅涓氫笉鍒╃殑锛岀浣犲ソ杩愬摝~~
绛旓細闂涓锛氱數鑴戦珮鎵嬭繘锛佹庝箞鎶缃戦〉鏀惧ぇ缂╁皬 璇曡瘯锛1銆乧trl + 0锛2銆佹寜浣廲trl閿洏锛屾粴鍔ㄩ紶鏍囦腑闂寸殑婊氳疆锛3銆佺偣鍑绘祻瑙堝櫒椤堕儴鐨勨滄煡鐪嬧濊彍鍗曚腑鐨缂╂斁涓殑鈥滅缉灏忊濓紱搴旇鍙互鎭㈠鍒板師濮嬪昂瀵革紱---娣樺疂鍥剧墖鎼滅储-- hi.baidu/...a 闂浜岋細鐢佃剳缃戠粶椤甸潰鎬庝箞缂╁皬 鎿嶄綔鏂规硶 棣栧厛鎵撳紑娴忚鍣 杩涘叆浠绘剰涓涓綉椤...
