css放鼠标上如何换图? css 如何改变鼠标图标
CSS\u4ee3\u7801\u9f20\u6807\u7ecf\u8fc7\u56fe\u7247\u53d8\u6362\u5982\u4f55\u505a\u8fd9\u6837\u5c31\u641e\u5b9a\u4e86\u3002\u3002\u3002\u91cc\u9762\u7684\u56fe\u7247\u4f4d\u7f6e\u4f60\u81ea\u5df1\u653e\u4e86\u54df~~~
<img src="#" name="picture" width="330" height="210" border="0" align="middle"
onMouseOver="this.src='#'" onMouseOut="this.src='#'">
css\u4e2dcursor\u5c5e\u6027\u5c31\u89c4\u5b9a\u4e86\u8981\u663e\u793a\u7684\u9f20\u6807\u6837\u5f0f\uff0c\u5927\u6982\u6709\u4ee5\u4e0b
default \u9ed8\u8ba4\u5149\u6807\uff08\u901a\u5e38\u662f\u4e00\u4e2a\u7bad\u5934\uff09
auto \u9ed8\u8ba4\u3002\u6d4f\u89c8\u5668\u8bbe\u7f6e\u7684\u5149\u6807\u3002
crosshair \u5149\u6807\u5448\u73b0\u4e3a\u5341\u5b57\u7ebf\u3002
pointer \u5149\u6807\u5448\u73b0\u4e3a\u6307\u793a\u94fe\u63a5\u7684\u6307\u9488\uff08\u4e00\u53ea\u624b\uff09
move \u6b64\u5149\u6807\u6307\u793a\u67d0\u5bf9\u8c61\u53ef\u88ab\u79fb\u52a8\u3002
e-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u53f3\uff08\u4e1c\uff09\u79fb\u52a8\u3002
ne-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\u53ca\u5411\u53f3\u79fb\u52a8\uff08\u5317/\u4e1c\uff09\u3002
nw-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\u53ca\u5411\u5de6\u79fb\u52a8\uff08\u5317/\u897f\uff09\u3002
n-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\uff08\u5317\uff09\u79fb\u52a8\u3002
se-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u53ca\u5411\u53f3\u79fb\u52a8\uff08\u5357/\u4e1c\uff09\u3002
sw-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u53ca\u5411\u5de6\u79fb\u52a8\uff08\u5357/\u897f\uff09\u3002
s-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u79fb\u52a8\uff08\u5357\uff09\u3002
w-resize \u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u5de6\u79fb\u52a8\uff08\u897f\uff09\u3002
text \u6b64\u5149\u6807\u6307\u793a\u6587\u672c\u3002
wait \u6b64\u5149\u6807\u6307\u793a\u7a0b\u5e8f\u6b63\u5fd9\uff08\u901a\u5e38\u662f\u4e00\u53ea\u8868\u6216\u6c99\u6f0f\uff09\u3002
help \u6b64\u5149\u6807\u6307\u793a\u53ef\u7528\u7684\u5e2e\u52a9\uff08\u901a\u5e38\u662f\u4e00\u4e2a\u95ee\u53f7\u6216\u4e00\u4e2a\u6c14\u7403\uff09\u3002
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓殑鏍囩涓紝杈撳叆css浠g爜锛歞iv{height: 80px; background: url(small3.png)}div:hover{background: url(small2.png)}銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃禿iv鏄剧ず鐨勮儗鏅浘鐗囨槸small3.png銆4銆佸皢榧犳爣绉诲叆div锛屾鏃惰儗鏅浘鐗...
绛旓細 CSS瀹炵幇榧犳爣绉诲姩鍒板浘鐗囷紝鏇存崲鍥剧墖 2銆佺劧鍚庤緭鍏ヤ笅鏂圭殑浠g爜锛 { margin:0; padding:0;} ul li{ list-style:none;} .nav{ width:800px; height:40px; margin:150px auto;} .nav ul li{ float:left; width:200px;} .nav ul li a:link,a:visited{ display:block; width:190px; height...
绛旓細灏嗗浘鐗囦綔涓鸿儗鏅浘锛坆ackground-image锛変娇鐢,褰榧犳爣鏀涓婂幓锛坔over锛夋椂鏇存敼鑳屾櫙鍥剧墖
绛旓細1銆佹柊寤篽tml鏂囨。銆2銆佸噯澶囧ソ闇瑕佺敤鍒扮殑鍥炬爣銆3銆佷功鍐檋mtl浠g爜銆傦紝鎴愰兘搴峰畾鐞嗗绋诲煄浜氫竵鐒跺悗璇村啀瑙併4銆佷功鍐css浠g爜銆*{ margin:0; padding:0; list-style:none;}img{ border:0;}body{ background:#000;}锛#aaaa{ width:460px; height:auto; margin:150px auto; overflow:hidden;}銆5銆佷功鍐欏苟...
绛旓細鍋氬ソ鍑嗗宸ヤ綔锛屾妸涓ゅ紶100px X 100px鐨勫浘鐗囧悎鎴 100 X 200 鐨勩傞氳繃CSS鍥剧墖瀹氫綅鏉ヨ揪鍒板垏鎹㈡晥鏋溿傚瓨鏀惧湪鏍圭洰褰 img\tupian.gif div_1{width:100px;height:100px;margin:0;padding:0;} 瀹氫箟涓涓狣IV鏂规 div_1 ul,li{list-style:none;margin:0px;padding:0px;} 瀹氫箟div_1涓璘L,LI div_1 ...
绛旓細浣跨敤jquery鐨則oggle鏂规硶杩涜鍥剧墖鍒囨崲锛(function(){ ("#h1").toggle(function(){ ("#h1").css("background-image","璺緞('./20110528073501b54e6.jpg')");},function(){ ("#h1").css("background-image","璺緞('./2011060708410874041.jpg')");})}) CSS .hh1{ background: url("./...
绛旓細濡傛灉浣跨敤css hover 鐨勮瘽锛屽彧鑳芥敼鑳屾櫙鍥剧墖 濡傛灉鎯砳mg鐨勮矾寰勭殑璇濓紝鍙兘鐢╦s oImg.onmouseover = function(){ this.src = 'images/new_pic.jpg'; //绫讳技杩欐牱 }
绛旓細鏈3绉嶆柟娉曪紝涓绉嶆槸浣犳妸鍥剧墖璁剧疆涓鸿儗鏅紝鐒跺悗鐢css鐨刟:hover鏉ュ疄鐜;濡傛灉浣犱笉鎰挎剰鎶婂浘鐗囪缃负鑳屾櫙锛岄偅涔堝氨鐢╦avascript鍑芥暟锛宱nmouseover=function(); 杩樻湁涓绉嶆柟娉曟槸鎶婃寜閽敼涓篎LASH鎸夐挳锛3绉嶆柟娉曢殢浣犲枩娆
绛旓細a:hover {color: #FF00FF} /* 褰撴湁榧犳爣鎮仠鍦ㄩ摼鎺ヤ笂 */ a:active {color: #0000FF} /* 琚夋嫨鐨勯摼鎺 */ 娉ㄩ噴锛氫负浜嗕骇鐢熼鏈熺殑鏁堟灉锛屽湪 CSS 瀹氫箟涓紝a:hover 蹇呴』浣嶄簬 a:link 鍜 a:visited 涔嬪悗锛侊紒娉ㄩ噴锛氫负浜嗕骇鐢熼鏈熺殑鏁堟灉锛屽湪 CSS 瀹氫箟涓紝a:active 蹇呴』浣嶄簬 a:hover 涔嬪悗锛侊紒
绛旓細1銆 .bg{ background:red; width:100px; height:50px;} .bg_hover{ background:black; width:100px; height:50px;} 2銆 .bg{ background:red; width:100px; height:50px;} .bg:hover{ background:black; width:100px; height:50px;} ...