如何实现鼠标悬停在一个超链接上，会出现一个有基本信息的信息框？就像新浪微博，鼠标放在名字上。 新浪微博把鼠标放在图片上就这样了
\u65b0\u6d6a\u5fae\u535a\u5e10\u53f7\u8bbe\u7f6e\u9996\u9875\u5728\u9f20\u6807\u7684\u70b9\u51fb\u4e0b\u6ca1\u53cd\u5e94\uff0c\u8bf7\u60a8\u89e3\u8bf4\u539f\u56e0\u3002\u5728360\u91cc\uff0c\u4f60\u628a\u9996\u9875\u8bbe\u7f6e\u4e3a\u65b0\u6d6a\uff0c\u770b\u8fd9\u6837\u80fd\u4e0d
\u6211\u7684\u817e\u8baf\u5fae\u535a\u4e5f\u8fd9\u6837\u7684\uff0c\u5176\u4ed6\u6ca1\u8bd5\u3002\u5e94\u8be5\u662f\u6d4f\u89c8\u5668\u7684\u63d2\u4ef6\u529f\u80fd MiniblogImg Pop\u63d2\u4ef6
1、超链接现实信息框<a href="******" title="这是超链接显示的信息框">超链接</a>
//title属性设置的内容就是显示的信息
2、div隐藏
可给div设置一个id，如：
<script>
document.getElementById("div").style.display="none";//这是根据div的id去隐藏div
document.getElementById("div").style.display="block";//这是根据div的id去显示div
</script>
<!--body区-->
<body>
<div id="div"></div>
</body>
绛旓細鍦╤tml涓紝閫氳繃a锛歨overtext鑷砫ecoration锛歯one瀹炵幇榧犳爣鎮仠鍦ㄨ秴閾炬帴涓鏃讹紝涓烘棤涓嬪垝銆傛牴鎹煡璇㈠叕寮淇℃伅鏄剧ず锛宧tmlHTML鏄竴绉嶅熀浜庢枃鏈殑鏍囪璇█锛屽憡璇夋祻瑙堝櫒濡備綍鍦ㄤ簰鑱旂綉涓婃樉绀哄浘鍍忥紝瀛椾綋鍜屽叾ta澶氬獟浣撳厓绱犮
绛旓細1銆侀鍏堟垜浠厛鏉ョ紪鍐涓涓HTML妗嗘灦 2銆佹垜浠潵鍒涘缓涓涓猘鏍囩锛岃繘琛瓒呴摼鎺鐨勫睍绀猴紱3銆佹垜浠帴涓嬫潵涔﹀啓head涔︾锛屽湪鍏朵腑杩涜涔﹀啓鍏朵粬缂栧啓锛4銆佹帴鐫涔﹀啓style鏍囩锛屽湪鍏朵腑涔﹀啓css浠ｇ爜锛5銆佹垜浠埄鐢╝:link 杩涜瀵规湭鐐瑰嚮鐨勮秴閾炬帴杩涜鏍峰紡璁剧疆锛6銆佹帴鐫鍒╃敤a:visited杩涜瀵瑰凡鐐瑰嚮鐨勮秴閾炬帴杩涜璁剧疆锛7銆佹渶鍚庯紝鎴戜滑...
绛旓細鍦ㄤ綘鐨刢ss涓姞涓奱:hover{color:red}锛涜繖鏍蜂綘鎵鏈夌殑閾炬帴锛屽綋浣犵殑榧犳爣鎮仠鍦ㄨ秴閾炬帴鏃讹紝灏变細鏄孩鑹
绛旓細1銆瓒呴摼鎺鐜板疄淇℃伅妗 瓒呴摼鎺 //title灞炴ц缃殑鍐呭灏辨槸鏄剧ず鐨勪俊鎭 2銆乨iv闅愯棌 鍙粰div璁剧疆涓涓id锛屽锛 document.getElementById("div").style.display="none";//杩欐槸鏍规嵁div鐨刬d鍘婚殣钘廳iv document.getElementById("div").style.display="block";//杩欐槸鏍规嵁div鐨刬d鍘绘樉绀篸iv <!--body鍖--...
绛旓細渚嬪body瓒呴摼鎺鍐呭涓 鐐瑰嚮鍦ㄩ〉闈tml鍚庡姞涓妀s浠ｇ爜锛歷ar aa=document.getElementById("aaa");var bb=aa.attributes["href"].value;aa.title=bb;
绛旓細1.浣跨敤鈥滃睆骞曟彁绀衡濇垜浠湪娴忚缃戦〉鏃讹紝濡傛灉鎶榧犳爣鎸囬拡鎮仠鍦鏌涓秴閾炬帴涓婇潰锛屾湁鏃跺氨浼氬嚭鐜拌繖涓秴閾炬帴鐨勫唴瀹逛粙缁嶃傚叾瀹炶繖寰堝鏄撶敤Word鐨勮秴閾炬帴鍔熻兘瀹炵幇銆傛柟娉曞涓嬶細鍦ㄨ娣诲姞灞忓箷鎻愮ず鐨勬枃瀛楁垨鍥剧墖瓒呴摼鎺ヤ笂闈㈢偣鍑诲彸閿紝閫夋嫨鈥滅紪杈戣秴閾炬帴鈥濓紝鐒跺悗鐐瑰嚮鈥滃睆骞曟彁绀衡濓紝鍦ㄢ滃睆骞曟彁绀烘枃瀛椻濅腑杈撳叆瑕佹樉绀虹殑鏂囧瓧锛岀劧鍚...
绛旓細1. 閫夋嫨瑕佸垱寤鸿秴閾炬帴鐨勬枃鏈垨瀵硅薄銆2. 鐐瑰嚮椤堕儴鑿滃崟鏍忕殑"瀵硅薄"鑿滃崟锛岀劧鍚庨夋嫨"鎻掑叆閾炬帴"銆3. 鍦ㄥ脊鍑虹殑"鎻掑叆閾炬帴"瀵硅瘽妗嗕腑锛岄夋嫨"URL"閫夐」鍗°4. 鍦"URL"鏂囨湰妗嗕腑锛岃緭鍏ヨ閾炬帴鍒扮殑缃戝潃銆5. 濡傛灉闇瑕侊紝鍙互鍦"灞忓箷鎻愮ず"鏂囨湰妗嗕腑杈撳叆涓涓鎻愮ず鏂囨湰锛屽綋榧犳爣鎮仠鍦ㄨ秴閾炬帴涓鏃讹紝杩欎釜鏂囨湰灏嗕綔涓烘彁绀轰俊鎭...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠ｇ爜銆2銆佸湪index.html涓殑鏍囩涓紝杈撳叆js浠ｇ爜锛('a').hover(function () {$('img').css('display', 'block');})3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃榧犳爣绉诲姩鍒拌秴閾炬帴涓锛屼笅闈㈢殑鍥剧墖鑷姩鏄剧ず浜嗗嚭鏉ャ
绛旓細data-title);display: inline-block;padding: 10px 14px;border: 1px solid #ddd;border-radius: 5px;position: absolute;top: 30px;left: 20px;} 鏀句笂榧犳爣娴嬭瘯 鐪嬩笅杩欎釜绀轰緥鍚
绛旓細杩涘叆绗竴寮犲够鐏墖锛屽彸鍑荤涓寮犲皬鍥撅紝鍦ㄥ揩鎹疯彍鍗曚腑閫夋嫨鈥滃姩浣滆缃濆懡浠わ紝鍥5 鎵撳紑鈥滃姩浣滆缃濈獥鍙ｏ紝鍗曞嚮鈥榧犳爣绉昏繃鈥濇爣绛撅紝鍕鹃夆瓒呴摼鎺ュ埌鈥濋夐」锛屽崟鍑诲彸渚х殑涓嬫媺鎸夐挳锛屽湪涓嬫媺鑿滃崟涓夋嫨鈥滃够鐏墖鈥濋」锛屽浘6 鍦ㄦ墦寮鐨勨滆秴閾炬帴鍒板够鐏墖鈥濈獥鍙ｄ腑锛屽乏渚ф槸鍙夌殑骞荤伅鐗囨爣棰橈紝鍙充晶鏈夐瑙堝尯鍩燂紝閫夋嫨骞荤伅鐗囧悗...
