纯CSS实现:用一个元素的hover控制两个元素,比如有A和B两个元素,鼠标移到A上,A变红,B变蓝。 有两个div一个是#a,一个是#b,能通过#a:hover来...
html\u4e2d<a>\u6807\u7b7e\u91cc\u6709\u4e24\u4e2a\u5143\u7d20\uff0c\u600e\u6837\u53ef\u4ee5\u5f53\u9f20\u6807\u79fb\u52a8\u5230\u5176\u4e2d\u4e00\u4e2a\u4e0a\u7684\u65f6\u5019\u4e24\u4e2a\u5143\u7d20\u7684a:hover\u4e00\u8d77\u89e6\u53d1JS\u5904\u7406\u4e0b \u4f60google\u4e0b \u5f88\u591a\u8fd9\u6837\u7684\u4f8b\u5b50
\u8fd9\u79cd\u4e0d\u901a\u8fc7JS\u811a\u672c\uff0c\u4ec5\u901a\u8fc7CSS\u5b9e\u73b0\u6709\u4e24\u79cd\u65b9\u6cd5\uff1a
1\u3001\u5982\u679c\u4f60#b\u5143\u7d20\u662f#a\u5143\u7d20\u7684\u5b50\u5143\u7d20\uff0c\u53ef\u4ee5\u76f4\u63a5\u901a\u8fc7 #a #b {...}\u8fd9\u79cd\u65b9\u5f0f\u5b9a\u4e49CSS\u6837\u5f0f\u6765\u63a7\u5236
2\u3001#a\u4e0e#b\u662f\u4eb2\u5144\u5f1f\u5173\u7cfb\uff0c\u6709\u76f8\u540c\u7684\u7236\u8282\u70b9\uff0c\u4e14#b\u8ddf#a\u7d27\u4e34\uff0c\u53ef\u4ee5\u901a\u8fc7 #a + #b{..}\u6765\u63a7\u5236#b\u91cc\u9762\u7684\u5143\u7d20\u6837\u5f0f\uff1b
\u4e0b\u9762\u7ed9\u51fa\u7b2c\u4e8c\u79cd\u65b9\u5f0f\u7684\u793a\u4f8b\uff1a
#a {color : #99ff66;}#a + #b{color : #FF0000;}HTML\u5143\u7d20\uff1a
\u5143\u7d201\u5143\u7d202\u5143\u7d203\u5982\u679c\u4e0a\u9762\u7684b\u4e0ec\u8c03\u6362\u4f4d\u7f6e\u5219\u5bf9\u5e94\u7684CSS\u8bbe\u7f6e\u5c06\u4e0d\u751f\u6548\u3002
css的选择符只能是从父到子,从上到下的顺序。
只有当b元素是a元素下面的兄弟元素,或者b元素是a元素的子元素的情况才能实现鼠标移到A上,A变红,B变蓝。
<style type="text/css">
.a:hover { background-color: #f00; }
.a:hover~.b { background-color: #00f; }
</style>
</head>
<body>
<div class="a">aaa</div>
<div class="b">bbb</div>
</body>
<a>红<span>蓝</span></a>
a:hover{color:red;}
a:hover span{color:blue;}
纯 CSS 无法实现
绛旓細 hohoho www.xxxx.com
绛旓細if (curInput=="hoInput" && curVal>23){ return;} if (curInput!="hoInput" && curVal>59){ return;} if((curVal+"").length==1){ curVal="0"+curVal;} curObj.value=curVal;} function reduce(){ var curObj=$(curInput);var curVal=$(curInput).value*1-1;if (curVal<...
绛旓細鑻辫涓紝"HOCSs"鏄涓涓甯歌鐨勭缉鍐欒瘝锛屼唬琛ㄧ潃"Higher Order Cognitive Skills"锛屼腑鏂囨剰涓衡滈珮闃惰鐭ユ妧鑳解濄傛湰鏂囧皢娣卞叆鎺㈣杩欎釜缂╁啓璇嶇殑鍚箟锛屽寘鎷叾瀵瑰簲鐨勪腑鏂囨嫾闊筹紙g膩o ji膿 r猫n zh墨 j矛 n茅ng锛夛紝浠ュ強鍦ㄥ鏈瀛﹂鍩熶腑鐨勫簲鐢ㄥ拰娴佽搴︺侶OCSs涓昏搴旂敤浜庡鏈爺绌跺拰鏁欒偛涓紝娑夊強鐨勮鐭ユ妧鑳藉寘鎷壒鍒ゆф...
绛旓細缁檒i娣诲姞hover 灞炴 .div li:hover {background:#00C;}
绛旓細1銆佹槸鐢变簬li鏍囩榛樿鐨勬爣绛 渚嬪锛氶摼鎺 榛樿鎯呭喌涓,li鏍囩浼鏈変竴涓榛樿鐨勫皬鍦嗙偣锛屾鏃惰鍘绘帀杩欎釜鍦嗙偣锛屽彲浠ュ姞涓 li{list-style:none} 灏卞彲浠ヤ簡 2銆佸彟涓绉嶅氨鏄綘鍦ㄩ摼鎺ヤ腑鍔犲叆浜嗙浉搴旂殑鑳屾櫙锛屾壘鍒扮浉搴旂殑杩欎釜鑳屾櫙鏍峰紡锛屽幓鎺夎儗鏅嵆鍙 3銆佽繕鏈変竴绉嶅彲浠ユ湁锛岃繖涓姞鐐规槸閾炬帴鐨勪竴閮ㄥ垎锛屽嵆杩欎釜鍦嗙偣鏄摼鎺ラ噷鐨勬枃...
绛旓細锛堟棩鏂囩墖鍋囧悕锛 katakana-iroha 鏍囪鏄細I, RO, HA, NI, HO, HE, TO, 绛夈傦紙鏃ユ枃鐗囧亣鍚嶏級2銆乴ist-style-image璇硶鏍煎紡锛歭i {list-style-image : url(xxx.gif)}3銆乴ist-style 绠鍐欏垪琛ㄦ牱寮忥細//璇硶瑙勫垯锛歭i {list-style : url(example.gif) square inside}//鍊-銆嬪弬鏁發ist-style...
绛旓細鍦ㄨ嫳璇祦琛屽害鏂归潰锛"HOCSs"鍙兘骞堕潪涓涓骞挎硾浣跨敤鐨鏈锛屼絾瀹冨湪瀛︽湳鏂囩尞鍜屼笓涓氳璁轰腑鍙兘浼氶绻佸嚭鐜般傚畠鐨勫垎绫讳富瑕佸睘浜庡鏈瀛︼紝鐗瑰埆鏄績鐞嗗鐨勫垎鏀紝鍙嶆槧浜嗗楂樼骇鎬濈淮杩囩▼鐨勬繁鍏ョ爺绌跺拰鐞嗚В銆備簡瑙d簡"HOCSs"鐨勫惈涔夊悗锛屾垜浠彲浠ョ湅鍒板畠鍦ㄥ疄闄呭簲鐢ㄤ腑鐨勪緥瀛愶紝姣斿鍦ㄦ暀鑲蹭腑锛屾暀甯堝彲鑳戒細鏁欏瀛︾敓濡備綍鍙戝睍鍜岃繍鐢ㄩ珮...
绛旓細css閲岄潰娌℃湁杩欎釜鍔熻兘锛屼絾鏄痟tml鏈韩灏鏈変竴涓鏍囩鍙互瀹炵幇浣犵殑瑕佹眰鈥斺 浠ヤ笅鏄痓ase鏍囩鐨勭畝浠嬶細 鏍囩涓洪〉闈笂鐨勬墍鏈夐摼鎺ヨ瀹氶粯璁ゅ湴鍧鎴栭粯璁ょ洰鏍囥傞氬父鎯呭喌涓嬶紝娴忚鍣ㄤ細浠庡綋鍓嶆枃妗g殑 URL 涓彁鍙栫浉搴旂殑鍏冪礌鏉ュ~鍐欑浉瀵 URL 涓殑绌虹櫧銆備娇鐢 鏍囩鍙互鏀瑰彉杩欎竴鐐广傛祻瑙堝櫒闅忓悗灏嗕笉鍐嶄娇鐢ㄥ綋鍓嶆枃妗g殑 URL锛岃屼娇鐢...
绛旓細2007-03-06 路 TA鑾峰緱瓒呰繃546涓禐 鐭ラ亾绛斾富 鍥炵瓟閲:55 閲囩撼鐜:0% 甯姪鐨勪汉:26.9涓 鎴戜篃鍘荤瓟棰樿闂釜浜洪〉 鍏虫敞 灞曞紑鍏ㄩ儴 杩欐槸鎴戝垰鍋氱殑 鐪嬬湅濂戒笉濂 body{background-color:#222222;CURSOR: url('http://myhoudi.diy.myrice.com/Cursor.ani');scrollbar-face-color:#000000;scrollbar-arrow-...
绛旓細鐩墠,杩欑杩囩▼鏄敤 JavaScript 瀹炵幇鐨,浣 JavaScript 闅句互闃呰鍜岀淮鎶ゃ傛坊鍔犱緷璧栦簬鍏朵粬瀛楁鍐呭鐨勮绠楀瓧娈靛彲瀹炵幇涓绉嶆洿鍏峰0鏄庢х殑鏂瑰紡銆傛澶,杩欎簺瀛楁鍙互鏄彧鏈夊鎴锋満鎵嶈兘鐪嬪埌鐨勭函杈撳嚭瀛楁銆傛湇鍔″櫒娌℃湁蹇呰鏌ョ湅瀹冧滑銆傚嚭浜庡畨鍏ㄦх殑鑰冭檻,瀹冧細鏍规嵁瀹㈡埛杈撳叆鐨勬棤鍏虫暟鎹噸鏂拌绠楁墍鏈夌粨鏋溿傜浉鍏虫暟鎹繚鐣欏湪瀹冩墍灞炵殑瀹㈡埛鏈轰笂銆