网页设计中如何让字体的颜色随着鼠标的移动或者鼠标经过字体时而改变？ 急！dreamweaver怎么制作鼠标经过文字字体变色效果
\u7f51\u9875\u8bbe\u8ba1\u4e2d\uff0c\u5f53\u9f20\u6807\u79fb\u8fc7\u5b57\u4f53\u989c\u8272\u4f1a\u53d1\u751f\u53d8\u5316\u7684\u6548\u679c\u600e\u4e48\u505a\u554a\u76f4\u63a5\u5728CSS\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4e00\u4e2a\u5b9a\u4e49\u94fe\u63a5\u5c31\u662f\u4e86\uff0c\u5728\u9700\u8981\u7684\u5730\u65b9\u8c03\u7528\uff0c\u6bd4\u5982\uff1a
/*\u7f51\u7ad9\u94fe\u63a5\u603b\u7684CSS\u5b9a\u4e49:\u53ef\u5b9a\u4e49\u5185\u5bb9\u4e3a\u94fe\u63a5\u5b57\u4f53\u989c\u8272\u3001\u6837\u5f0f\u7b49*/
a{text-decoration: underline;} /*\u94fe\u63a5\u65e0\u4e0b\u5212\u7ebfnone,\u6709\u4e3aunderline*/
a:link {color: #00007f;} /*\u672a\u8bbf\u95ee\u7684\u94fe\u63a5 */
a:visited {color: #65038e;} /*\u5df2\u8bbf\u95ee\u7684\u94fe\u63a5*/
a:hover{color: #ff0000;} /*\u9f20\u6807\u5728\u94fe\u63a5\u4e0a */
a:active {color: #ff0000;} /*\u70b9\u51fb\u6fc0\u6d3b\u94fe\u63a5*/
1\u3001\u505a\u597d\u4e00\u4e2a\u94fe\u63a5
2\u3001\u70b9\u51fb\u5de5\u5177\u9762\u677f\u4e2dCSS\u6a21\u5f0f\u4e0b\u7684\u201c+\u201d\uff0c\u6253\u5f00\u65b0\u5efaCSS\u6837\u5f0f\u9762\u677f
3\u3001\u9009\u62e9\u201c\u590d\u5408\u5185\u5bb9\u201d\uff0c\u9009\u62e9a:link\uff0c\u8868\u793a\u6b63\u5e38\u94fe\u63a5\u65f6\u7684\u6837\u5f0f\u3002
4\u3001\u70b9\u51fb\u786e\u5b9a\uff0c\u6253\u5f00\u6837\u5f0f\u8bbe\u7f6e\u9762\u677f\uff0c\u9009\u62e9Color:#333\uff0c\u6216\u522b\u7684\u4f60\u8981\u7684\u7740\u8272\uff0c\u786e\u5b9a\u3002
5\u3001\u4e0b\u9762\u8bbe\u7f6e\u9f20\u6807\u7ecf\u8fc7\u7684\u6587\u5b57\u8272\u5f69\uff0c\u8fd8\u662f\u53c2\u8003\u7b2c\u4e8c\u6b65\uff0c\u6253\u5f00\u65b0\u5efaCSS\u89c4\u5219\u9762\u677f\uff0c\u9009\u62e9\u201c\u590d\u5408\u5185\u5bb9\u201d\uff0c\u9009\u62e9\u5668\u4e2d\u9009\u62e9\uff1aa:hover\uff0c
6\u3001color\u4e2d\u9009\u62e9\u9f20\u6807\u7ecf\u8fc7\u7684\u989c\u8272\uff0c\u8fd9\u91cc\u4ee5\u201c#F00\u201d\u5373\u7ea2\u8272\u4e3a\u4f8b\u3002\u786e\u5b9a\u3002
7\u3001\u4e0b\u9762\u770b\u4e00\u4e0b\u6548\u679c\uff0c\u5b8c\u6bd5\u3002
绛旓細缃戦〉璁捐閰嶈壊鎶宸 缃戦〉璁捐涓殑鑹插僵鎼厤鎶宸 缃戠珯鐨勯厤鑹插鐢ㄦ埛浣撻獙褰卞搷寰堝ぇ銆傚叾瀹為厤鑹叉槸鏈変竴瀹氳寰嬪拰鎶宸х殑銆傚彧鏈夋帉鎻′簡杩欎簺瑙勫垯鍜屾妧宸э紝鎵嶈兘璁捐鍑烘洿濂界殑缃戠珯銆備笅闈㈡槸鎴戞暣鐞嗙殑缃戦〉璁捐閰嶈壊鎶宸с傚笇鏈涘浣犳湁甯姪锛佺涓锛岀綉椤垫枃鏈 濡傛灉涓涓綉绔欎娇鐢ㄨ儗鏅壊锛屽氨瑕佽冭檻鑳屾櫙鑹蹭笌鍓嶆櫙鏂囧瓧鐨鎼厤銆傜綉绔欎竴鑸互鏂囧瓧閮ㄥ垎...
绛旓細濡備綍閫氳繃涓涓富棰璁捐瀛椾綋棰滆壊銆傚浣曢氳繃涓涓富棰樿璁″瓧浣撻鑹插湪缃戦〉璁捐涓锛屽緢澶氫汉灏嗚嚜宸辩殑绔欑偣鍛藉悕涓虹綉绔欓厤鑹层備絾鏄湪鐢ㄨ壊鐨勬椂鍊欙紝搴旇娉ㄦ剰缃戠珯閰嶈壊涓嶅簲璇ユ槸闅忔満鐨勩傚湪璁捐缃戠珯閰嶈壊鏃讹紝闇瑕佽冭檻缃戦〉鐨勬暣浣撻鏍笺侀鑹茬粍鍚堛佺綉绔欑殑鏁翠綋鑹茶皟绛夊緢澶氬洜绱狅紝鍦璁捐缃戦〉鐨鏃跺欎竴瀹氳浠旂粏鑰冭檻銆備笅闈粙缁嶄竴涓嬩竴鑸殑鍒朵綔...
绛旓細鏇存敼涓娈鏂囧瓧涓殑鏌愪竴涓瓧绗︾殑瀛椾綋棰滆壊闇瑕佺粰杩欎釜瀛楃娣诲姞涓涓爣绛撅紝鐒跺悗缁欒繖涓爣绛炬坊鍔犵浉搴旂殑css鏍峰紡鍗冲彲銆傚伐鍏峰師鏂欙細缂栬緫鍣ㄣ佹祻瑙堝櫒 1銆佷竴涓钀戒腑鐨勬煇涓涓瓧闇瑕佹洿鏀瑰瓧浣撻鑹诧紝闇缁欒繖涓洿鏀棰滆壊鐨瀛楁坊鍔犱竴涓爣璁板苟娣诲姞鎯宠鐨刢ss鏍峰紡锛屼唬鐮佸涓嬶細杩欐槸涓娈电殑娴嬭瘯鐨勬枃瀛楋紝涓棿闇瑕佷竴涓瓧鏄孩鑹茬殑绐佸嚭鏄剧ず...
绛旓細鑷充簬瀹為檯搴旂敤锛岃璁″笀浠湪杩涜缃戠珯鎴栧簲鐢ㄧ▼搴忚璁℃椂浼氱粡甯哥敤鍒瀛椾綋棰滆壊浠ｇ爜銆備笅闈㈡槸鍏蜂綋鐨勮В閲娿傚湪缃戦〉璁捐涓锛孋SS鏄叧閿瑷锛屼娇鐢ㄥ瓧浣撻鑹蹭唬鐮佸彲浠ュ府鍔╁紑鍙戣呯簿纭帶鍒舵枃鏈殑澶栬銆傞氳繃鍗佸叚杩涘埗鎴朢GB鑹插僵妯″紡瀹氫箟鐨勯鑹浠ｇ爜鍙互涓庨夋嫨鍣ㄧ粨鍚堜娇鐢紝鏉ユ寚瀹氱壒瀹氬厓绱犵殑棰滆壊銆備緥濡傦紝濡傛灉浣犳兂灏鏌愪釜娈佃惤鏂囨湰鐨勯鑹茶缃...
绛旓細html缃戦〉璁捐涓瓧浣撻鑹锛1銆乭tml椤甸潰涓缃甤olor 瀛楄壊 杩欐槸鎴戠殑娈佃惤 2銆乻tyle搴旂敤 p {color: blue} 3銆丆SS涓畾涔塰tml鏍峰紡 鍦ㄨ繖閲屽畾涔夛細p{color:blue} 缁欐墍鏈夋钀戒腑鐨勫瓧浣撻鑹瀹氫箟涓鸿摑鑹层
绛旓細宸ュ叿鍘熸枡锛氱紪杈戝櫒銆佹祻瑙堝櫒 1銆佽缃秴閾炬帴瀛椾綋棰滆壊鐨绠鍗曚唬鐮佸涓嬶細<!DOCTYPE html>Document閾炬帴涓閾炬帴浜岄摼鎺ヤ笁2銆佽繍琛岀殑缁撴灉濡備笅鍥撅細
绛旓細鐪嬩綘閾炬帴鏄惁鍒锋柊椤甸潰浜嗭紝濡傛灉鍒锋柊浜嗛〉闈㈠垯鎶瀹冩斁鍏ookie閲岋紝渚嬪锛氱涓姝ワ細鑿滃崟閾炬帴鏂囧瓧 鑿滃崟1 绗簩姝ワ細Javascript鐨刦unction function changeMenu(Obj){ setCookie("mainMenu",oObj);} function setCookie(key, value){ document.cookie = key + "=" + escape(value);} function getCookie(key){...
绛旓細鎵浠ュ缓璁綘澶氱敤css锛屽彟澶栫敤css涔熶究浜缃戦〉鐨缁存姢鍜岀鐞 css鏍峰紡琛ㄤ腑鐨勭被鎬庝箞鍐欙紵涓轰簡瀵圭綉椤垫牸寮忕殑瀹氫箟鏇翠负绮剧‘锛屾湁蹇呰璁╃浉鍚岀殑閫夋嫨绗︿篃鑳藉垎绫伙紝骞惰兘鎸夌収涓嶅悓鐨勭被鍒潵杩涜涓嶅悓鐨勬牱寮璁捐銆傚熀鏈牸寮忓锛氶夋嫨绗.绫诲埆鍚峽灞炴э細鍊紏銆傜被鍒悕灏嗗彲浠ュ湪HTML鐨勬爣璇嗙閲屽紩鐢細鏍囪瘑绗lass=绫诲埆鍚>缃戦〉鍐呭 ...
绛旓細鍦ㄧ綉椤佃璁″拰鎺掔増涓紝"font" 閫氬父鐢ㄤ簬鎸囧畾鏂囨湰鐨瀛椾綋銆佸ぇ灏忋棰滆壊绛夋牱寮忋傚湪HTML鍜孋SS涓紝鎴戜滑鍙互浣跨敤涓嶅悓鐨勫睘鎬у拰鍊兼潵瀹氫箟鍜屾帶鍒跺瓧浣撴牱寮忋傚湪缃戦〉璁捐涓锛屽瓧浣擄紙font锛夋槸涓涓嚦鍏抽噸瑕佺殑鍏冪礌锛屽畠鐩存帴褰卞搷鐫鐢ㄦ埛鐨勯槄璇讳綋楠屽拰鍐呭鐨勪紶杈炬晥鏋溿備负浜嗗湪涓嶅悓鐨勬祻瑙堝櫒鍜岃澶囦笂淇濇寔涓鑷寸殑瀛椾綋鏄剧ず锛岃璁″笀鍜屽紑鍙...
绛旓細褰撴垜浠帰璁缃戦〉鏂囧瓧鎺掔増鏃讹紝鎴戜滑瀹為檯涓婃槸鍦ㄥ叧娉ㄥ浣曢氳繃璁捐璁鍐呭鏇村叿鍚稿紩鍔涖鏂囧瓧鐨甯冨眬銆佸唴瀹瑰垎甯冨拰鏍忕洰璁捐閮藉闃呰浣撻獙鏈夌潃娣辫繙鐨勫奖鍝嶃備负浜嗗垱閫犲嚭鑹茬殑鏄撹鎬э紝璁捐甯堝繀椤昏冭檻瀛椾綋銆佸瓧鍙枫佽璺濄侀棿璺濄佽儗鏅壊鍜鏂囧瓧棰滆壊鐨勫姣斻備互涓嬫槸涓浜涘叧閿偣锛屽畠浠皢鏈夊姪浜庢彁鍗囨偍鐨勬枃瀛楁帓鐗堬細1. **琛屽**锛氬悎鐞...
