有没有当鼠标移动到特定的地方,显示图片。 在excel表格中,当鼠标移动到指定单元格时,会自动弹出一个...

这个实现起来很容易,学过JavaScript、CSS和HTML的如果没忘了基本都会。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS教程:鼠标悬停文字上显示图片</title> 
<script language="javascript"> 
function showPic(sUrl){ 
var x,y; 
x = event.clientX; 
y = event.clientY; 
document.getElementById("Layer1").style.left = x; 
document.getElementById("Layer1").style.top = y; 
document.getElementById("Layer1").innerHTML = "<img src="" + sUrl + "">"; 
document.getElementById("Layer1").style.display = "block"; 

function hiddenPic(){ 
document.getElementById("Layer1").innerHTML = ""; 
document.getElementById("Layer1").style.display = "none"; 

</script> 
</head> 
<body> 
<div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> 
<img src="/images/logo.gif" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> 
<p></p> 
</body> 
</html>


  • 榧犳爣寮娌℃湁褰閿嬬敤浠涔堜唬鏇
    绛旓細瑙︽懜鏉裤佽Е鎽稿睆绛夈榧犳爣寮娌℃湁褰閿嬬敤瑙︽懜鏉裤佽Е鎽稿睆銆佹父鎴忔墜鏌勩佺瑪寮忚緭鍏ヨ澶囥佽闊宠瘑鍒蒋浠剁瓑浠f浛锛屽叾涓Е鎽告澘鍜岃Е鎽稿睆姣旇緝甯歌锛屽叾鍐呯疆澶ч儴鍒嗙數鑴戝拰绗旇鏈數鑴戜腑锛岀敤鎴峰彲浠ラ氳繃鎵嬫寚鐨勮Е鎽稿拰婊戝姩鏉ュ疄鐜板厜鏍囩殑绉诲姩鍜岀偣鍑绘搷浣滐紝杞昏Е瑙︽懜鏉垮氨鍙互瀹炵幇鐐瑰嚮鎿嶄綔銆
  • 鑻规灉榧犳爣娌℃湁婊氬姩鐨勬庝箞鐢ㄥ憿?
    绛旓細鑻规灉榧犳爣娌℃湁婊氳疆锛屽彲浠ラ氳繃浠ヤ笅鏂规硶杩涜婊戝姩锛氶鍏堬紝灏嗕綘鐨勯紶鏍囨斁鍦ㄥ钩鍧︺佸厜婊戠殑琛ㄩ潰涓娿傚叾娆★紝杞昏交绉诲姩榧犳爣锛灏卞儚浣跨敤鏅氶紶鏍囦竴鏍凤紝浣嗕笉闇瑕佺偣鍑绘垨鎷栧姩銆傜敱浜庤嫻鏋滈紶鏍囨病鏈夋粴杞紝瀹冧富瑕佷緷璧栦簬鎵嬮儴鐨勭Щ鍔ㄦ潵鎺у埗榧犳爣鎸囬拡銆備綘鍙互灏濊瘯涓嶅悓鐨勭Щ鍔ㄩ熷害鍜屾柟鍚戯紝浠ユ壘鍒版渶閫傚悎浣犵殑鏂规硶銆傚鏋滀綘鍦鐗瑰畾鐨杞欢鎴栧簲鐢...
  • 鍦╒B涓浣曡缃褰撻紶鏍囩Щ鍔ㄥ埌涓嶅悓鐨勬枃鏈笂鏈変笉鍚岀殑鏍峰紡
    绛旓細鐢∕ouseMove浜嬩欢瀹炵幇銆
  • 榧犳爣绉诲姩鍒灞忓箷澶栭潰,鎬庝箞鍥炰簨鍟?
    绛旓細鐢佃剳榧犳爣绉诲姩鍒灞忓箷澶栭潰鐨勫師鍥犲彲鑳芥槸鐢变簬榧犳爣鐏垫晱搴﹁缃繃楂橈紝鎴栬呮槸榧犳爣鍨殑闂瀵艰嚧榧犳爣澶辨帶銆1. 榧犳爣鐏垫晱搴﹁缃繃楂橈細褰撻紶鏍鐏垫晱搴﹁缃繃楂樻椂锛岄紶鏍囩殑绉诲姩閫熷害浼氬彉寰楅潪甯稿揩锛岃繖鍙兘瀵艰嚧榧犳爣鍦ㄧЩ鍔ㄥ埌灞忓箷杈圭紭鏃讹紝鐢变簬閫熷害杩囧揩鑰屸滃啿鈥濆嚭灞忓箷銆傝В鍐宠繖涓棶棰樼殑鏂规硶鏄皟鏁撮紶鏍囩伒鏁忓害璁剧疆銆傚彲浠ュ湪鐢佃剳鐨勬帶鍒堕潰鏉...
  • win10绯荤粺,浠诲姟鏍忕殑鏂囦欢澶,褰撻紶鏍囩Щ鍔杩囧幓鏃,濡備綍璁剧疆,浣挎樉绀哄彧鏈夋爣 ...
    绛旓細鍙互鍦ㄧ郴缁熼珮dao绾ц缃甦u涓紑濮榧犳爣绉诲埌zhi浠诲姟鏍忎笂鏄剧ずdao棰勮绐楀彛銆1銆佸彸鍑讳笓妗岄潰涓娾滄鐢佃剳鈥濆浘鏍囧睘锛屽湪灞曞紑鐨勮彍鍗曚腑鐐瑰嚮鈥滃睘鎬р濇寜閽細2銆佸湪寮瑰嚭鐨勭獥鍙d腑鐐瑰嚮绐楀彛宸︿晶瀵艰埅鏍忎笂鐨勨滈珮绾х郴缁熻缃濇寜閽墦寮楂樼骇绯荤粺璁剧疆锛3銆佺偣鍑诲脊寮瑰嚭绐楀彛涓滈珮绾р濇寜閽紝鐒跺悗鐐瑰嚮鎬ц兘閲岄潰鐨勨滆缃...鈥濇寜閽細4銆佸湪...
  • Dreamweaver杞欢,鎶榧犳爣绉诲姩鍒閭d釜鍦版柟鏃跺氨鍑烘潵涓寮犲浘鐗,杩欎釜鎬庝箞鍋...
    绛旓細鍏堟妸鍥剧墖瀹氫綅鍒拌繖涓鍦版柟锛鐢ㄧ粷瀵瑰畾浣嶏紝涔嬪悗鐢╦s鐨勪唬鐮佸氨鑳藉疄鐜
  • WORD鏈夐偅绉榧犳爣绉诲姩鍒涓涓瘝涓婂氨鍙互鏄剧ず娴姩妗,閲岄潰鍙互鍐欐敞閲婄殑鍚
    绛旓細濡傛灉浣犲湪涓涓瘝涓婃彃鍏ヤ簡娉ㄩ噴,浣榧犳爣绉诲姩涓婂幓,灏卞彲浠ユ樉绀烘诞鍔ㄦ,閲岄潰涓烘敞閲婃枃瀛.骞朵笉鏄Щ鍔ㄤ笂鍘绘墠鍙互鍐欐敞閲.
  • ...涓,鏈夋病鏈杩欐牱鐨勫嚱鏁,杈撳叆(x,y)鍙互灏榧犳爣绉诲姩鍒鐩稿簲鐨勫潗鏍囥傚亣璁...
    绛旓細鏈夊晩锛寃indows鏈夎繖鏍风殑API鍑芥暟锛歋etCursorPos The SetCursorPos function moves the cursor to the specified screen coordinates. If the new coordinates are not within the screen rectangle set by the most recent ClipCursor function call, the system automatically adjusts the coordinates so that the...
  • 鏈夎皝鐭ラ亾;榧犳爣鎸囬拡缁忓父鑷繁绉诲姩鍒鏌愪竴浣嶇疆鏄庝箞鍥炰簨,鏄粡甯哥殑鑷繁涔辫窇...
    绛旓細浣犳壂鎻忚繃鐥呮瘨涔堬紵鍜屽彟涓鍙版甯哥數鑴戜笂鐨勬甯搁紶鏍囧姞榧犳爣鍨崲鐢ㄤ竴涓嬶紝濡傛灉浣犺繖閲屾病闂鑰岄偅鍙扮數鑴戦紶鏍囦贡璺锛岄紶鏍鏈夐棶棰橈紱鑰屼綘杩欓噷闂渚濇棫閭e彴鐢佃剳娌¢棶棰橈紝鍙兘锛氫綘鍦ㄦ帶鍒堕潰鏉块噷璁剧疆杩囬紶鏍囦箞锛熼噸鏂拌缃竴涓嬶紱 浣犵數鑴戜腑姣掍簡锛岄噸瑁呬竴涓嬬郴缁燂紝鍏ㄧ洏鏍煎紡鍖栭噸鏂板垎鍖恒
  • ...鍦ㄥ浘涓殑鏌愪竴涓尯鍩 榧犳爣涓绉诲姩鍒閭d釜鍦版柟 CAD灏娌℃湁鍝嶅簲_鐧惧害...
    绛旓細鎵惧埌蹇嵎閿噷闈㈢殑榧犳爣璁剧疆銆
  • 扩展阅读:鼠标可以移动但是点击无效 ... 鼠标单击成了选中一片 ... 鼠标挪动一顿一顿的 ... 鼠标锁住了按哪个键 ... 鼠标在左上角拉不回来 ... 鼠标和实际位置不一样 ... 游戏鼠标控制不了方向 ... 鼠标不受控制在左上角 ... 鼠标指针不受控制的乱动 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网