如何让鼠标移动时图片自动旋转？ flash如何制作鼠标经过时图片自动旋转
\u5982\u4f55\u65cb\u8f6c\u56fe\u7247\uff1f\uff08\u6700\u7b80\u5355\u7684\u65b9\u6cd5\uff09\u82e5\u4f7f\u7528\u7684\u662fvivo\u624b\u673a\uff0c\u53ef\u8fdb\u5165\u76f8\u518c\uff0c\u9009\u62e9\u9700\u8981\u65cb\u8f6c\u7684\u56fe\u7247--\u7f16\u8f91--\u6784\u56fe--\u65cb\u8f6c\u70b9--\u51fb\u5de6\u4e0b\u65b9\u7684\u65cb\u8f6c\u56fe\u6807\u5373\u53ef\u65cb\u8f6c\u56fe\u7247\u3002
1\u3001\u6309\u94ae\u3002\u7b2c\u4e8c\u5e27\u505a\u6210\u56fe\u5f62\u6216\u5f71\u7247\u526a\u8f91\uff0c\u662f\u4e00\u4e2a\u65cb\u8f6c\u7684\u52a8\u753b\u3002\uff08\u4f18\u52bf\uff1a\u7b80\u5355\uff0c\u6548\u679c\u8bbe\u8ba1\u5e08\u80fd\u628a\u63e1\uff1b\u7f3a\u70b9\uff1a\u9f20\u6807\u632a\u5f00\u7684\u65f6\u5019\uff0c\u4f1a\u7a81\u7136\u56de\u5230\u539f\u59cb\u4f4d\u7f6e\uff0c\u663e\u5f97\u6709\u4e9b\u7a81\u5140\uff09
2\u3001\u4ee3\u7801\u63a7\u5236\u3002MouseEvent.ROLL_OVER\u7684\u65f6\u5019\uff0c\u5f00\u59cb\u65cb\u8f6c\uff0cMouseEvent.ROLL_OUT\u7684\u65f6\u5019\uff0c\u505c\u6b62\u65cb\u8f6c\u3002\uff08\u4f18\u70b9\uff1a\u60f3\u8981\u4ec0\u4e48\u6548\u679c\u90fd\u80fd\u505a\u5230\uff0c\u4fee\u6539\u8d77\u6765\u65b9\u4fbf\uff1b\u7f3a\u70b9\uff1a\u7a0b\u5e8f\u5458\u505a\uff0c\u8bbe\u8ba1\u5e08\u628a\u63e1\u4e0d\u4f4f\u6548\u679c\uff0c\u800c\u7a0b\u5e8f\u5458\u7684\u5ba1\u7f8e\u8ddf\u8bbe\u8ba1\u5e08\u6ca1\u6cd5\u6bd4\uff09\u3002
\u63a8\u8350\uff1a\u8bbe\u8ba1\u5e08\u505a\u4e2a\u4f8b\u5b50\uff08\u6309\u94ae\uff09\u51fa\u6765\uff0c\u7a0b\u5e8f\u5458\u7167\u7740\u505a\u3002\u53cd\u590d\u8c03\u6574\uff0c\u76f4\u5230\u8bbe\u8ba1\u5e08\u6ee1\u610f\u3002
1、首先准备一个HTML文档，文档中准备好两个图片，接下来会对这两个图片进行旋转。
2、然后对HTML中的内容定义一些样式，如下图所示，主要是标题以及ul的样式。
3、接下来就给图片所在的li定义宽高，如下图所示。
4、然后给图片设置过渡效果，过渡使用transition属性，如下图所示。
5、当鼠标悬停在图片上时，通过rotate给其设置变形，如下图所示，正数代表的是顺时针，负数代表的是逆时针。
6、最后运行程序，会看到如下图所示的效果，鼠标放在图片上会顺时针或者逆时针旋转。
绛旓細1銆侀鍏堝噯澶囦竴涓狧TML鏂囨。锛屾枃妗ｄ腑鍑嗗濂戒袱涓浘鐗囷紝鎺ヤ笅鏉ヤ細瀵硅繖涓や釜鍥剧墖杩涜鏃嬭浆銆2銆佺劧鍚庡HTML涓殑鍐呭瀹氫箟涓浜涙牱寮忥紝濡備笅鍥炬墍绀猴紝涓昏鏄爣棰樹互鍙妘l鐨勬牱寮忋3銆佹帴涓嬫潵灏辩粰鍥剧墖鎵鍦ㄧ殑li瀹氫箟瀹介珮锛屽涓嬪浘鎵绀恒4銆佺劧鍚庣粰鍥剧墖璁剧疆杩囨浮鏁堟灉锛岃繃娓′娇鐢╰ransition灞炴э紝濡備笅鍥炬墍绀恒5銆佸綋榧犳爣鎮仠鍦ㄥ浘鐗囦笂鏃...
绛旓細1銆鎸夐挳銆傜浜屽抚鍋氭垚鍥惧舰鎴栧奖鐗囧壀杈戯紝鏄竴涓棆杞殑鍔ㄧ敾銆傦紙浼樺娍锛氱畝鍗曪紝鏁堟灉璁捐甯堣兘鎶婃彙锛涚己鐐癸細榧犳爣鎸紑鐨勬椂鍊欙紝浼氱獊鐒跺洖鍒板師濮嬩綅缃紝鏄惧緱鏈変簺绐佸厐锛2銆佷唬鐮佹帶鍒躲侻ouseEvent.ROLL_OVER鐨勬椂鍊欙紝寮濮嬫棆杞紝MouseEvent.ROLL_OUT鐨勬椂鍊欙紝鍋滄鏃嬭浆銆傦紙浼樼偣锛氭兂瑕佷粈涔堟晥鏋滈兘鑳藉仛鍒帮紝淇敼璧锋潵鏂逛究锛涚己鐐癸細绋嬪簭鍛...
绛旓細鐢↗S鍘绘帶鍒跺畠鍚.. http://www.walterzorn.com/rotate_img/rotate_img.htm http://www.lslnet.com/linux/dosc1/28/linux-227612.htm涓婇潰鏄疛S鐨勪緥瀛.鍦╝sp.net濡傛灉澶嶆潅鐐,閭ｅ氨瑕丟DI+缂栫▼浜..
绛旓細鐐瑰乏杈圭殑鐭╁舰閫夋宸ュ叿锛屽湪鍥句笂鍦堝嚭浣犺澶勭悊鐨勮寖鍥达紝鐒跺悗鎸塁TRL+T锛屾帴涓嬫潵灏卞彲浠ョ缉鏀俱佹按骞崇炕杞垨鍨傜洿缈昏浆浜锛岄紶鏍囩澶寸Щ鍔ㄥ埌閫夋鐨勫洓涓锛岃繕鍙互鏃嬭浆鐢婚潰銆備笅鍥句负渚嬨
绛旓細鍙互灏濊瘯"绉诲姩宸ュ叿"鐨勫彟涓绉嶄娇鐢ㄦ柟寮忥紝鍗"v"閿紝閰嶅悎"shift+Alt"锛屾鏃讹紝鎸変綇鏂瑰悜閿紝鍥惧儚浼氫互45搴﹁杩涜姘村钩鎴栧瀭鐩寸Щ鍔锛岃繖鍦ㄩ渶瑕佺簿纭榻愭椂闈炲父瀹炵敤銆傚鏋滀綘闇瑕佹煡鐪嬫洿璇︾粏鐨勫睘鎬ц缃紝鍙互鏌ョ湅宸ュ叿鏍忕殑"灞炴ф爮"锛岄偅閲屾湁鏇村绉诲姩宸ュ叿鐨勯厤缃夐」锛屼緵浣犳牴鎹叿浣撻渶姹傝繘琛屼釜鎬у寲璁剧疆銆
绛旓細鍏堢偣涓涓绉诲姩鎴鏃嬭浆鐨勫浘鏍囷紝鐒跺悗妗嗛夛紝涔嬪悗鍙冲嚮榧犳爣锛岀劧鍚庢寜浣忛紶鏍囧乏閿氨鍙互闅忔剰绉诲姩浜嗐
绛旓細锛屾槸涓嶈兘鏃嬭浆鐨勩1銆佸彸鍑诲浘鐗囷紝閫夋嫨璁剧疆鍥剧墖鏍煎紡銆2銆佸垏鎹㈠埌鈥滅増寮忊濋夐」鍗★紝灏鈥滅幆缁曟柟寮忊濊缃负闈炩滃祵鍏ュ瀷鈥濓紙鍥涘懆鍨嬫垨绱у瘑鍨嬶級銆3銆佺偣鍑烩滅‘瀹氣濇寜閽紝閫鍑鍥剧墖璁剧疆銆傚彲鐪嬪埌鍥剧墖涓婅竟澶氫簡涓涓豢鑹茬殑灏忓浘鏍囥榧犳爣绉鍒颁笂闈細鍑虹幇涓涓棆杞殑绠ご銆4銆佹寜涓嬮紶鏍囧乏閿紝绉诲姩榧犳爣灏卞彲浠鏃嬭浆鍥剧墖浜嗐
绛旓細cad绉诲姩鍥惧舰锛屾寚瀹氬熀鐐瑰悗锛屽湪杩樻湭纭畾鐩爣鐐规椂锛屼笉鑳界湅鍒板浘褰㈢殑澶ц嚧浣嶇疆锛.灏ゅ叾鍦ㄥ鍥炬鐨勬椂鍊鐪嬩笉鍒板浘妗嗕綅缃佸ぇ灏忥紝寰堜笉鏂逛究銆備絾鏄垜瑙佸埆浜虹殑锛屽湪鎸囧畾鐩爣鐐逛箣鍓嶏紝閮芥槸鑳界湅瑙佸浘褰㈢殑鍟娿傝瘯涓涓璁剧疆DRAGMODE鍙橀噺锛灏鍙橀噺鍊艰缃垚鈥淎鈥濓紝涔熷氨鏄鑷姩銆傛垜灏辨槸杩欐牱瑙ｅ喅鐨勶紝甯屾湜鍚屾牱鍙互甯姪鍒颁綘銆
绛旓細1 : deg; div.style['transform'] = div.style['-webkit-transform'] = 'rotate(' + deg + 'deg)'; } var rotateIE = function(obj) { var d = !! obj.d ? obj.d : 1; var r = d * Math.PI / 180;...
绛旓細鍚屾椂,濡傛灉閫変腑浜嗗涓浘灞傛椂,鍒欎細鍏ㄩ儴澶嶅埗,闈炲父鏂逛究,鑰屼笖涓姝ュ埌浣,澶嶅埗鐨勫悓鏃绉诲姩鍒伴渶瑕佺殑鐢诲竷浣嶇疆涓娿 PS鏃嬭浆鐢诲竷 鏃嬭浆鐢诲竷,鏄湪寰堝璁捐浠诲姟涓兘浼氱敤鍒扮殑鍛戒护銆備娇鐢ㄦ椂,鍦ㄨ嫳鏂囪緭鍏ョ姸鎬佷笅,鎸夐敭鐩樺揩鎹烽敭鈥淩"閫夋嫨鎴栬呴暱鎸夊乏渚у伐鍏锋爮鐨勨滄姄鎵嬪伐鍏封濆脊鍑洪夐」閫夋嫨鈥滄棆杞鍥惧伐鍏封,鐒跺悗灏卞彲浠ラ氳繃鍗曞嚮榧犳爣宸﹂敭鏉ユ棆杞敾甯冧簡...
