カーソル下の画像のURLを表示する(ページ内に)


動作ブラウザ 【 IE:5.0  NN:-  Safari:1.0
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 6.0 7.0 2.x 1.0 1.1 1.2
Windows × × - × × × × × × × × - - - -
Macintosh × × × - - × × × × × × × × ×
UNIX - - - - - - × × × × × × × × - - - -

説  明 カーソル下の画像のURLをマウスの右下に表示します。グローバル変数名としてoを使っているので、場合によっては不具合が発生するページがあるかもしれません。
サンプル <html>
<head>
<title>カーソル下の画像のURLを表示する</title>
</head>
<body>
カーソル下の画像のURLを表示するブックマークレットです。<br>
マウスカーソル下の
<a href="javascript:o=document.body.appendChild(document.createElement('div'));o.style.position='absolute';o.style.top='0px';o.style.left='0px';o.style.backgroundColor='yellow';o.style.width='480px';o.style.height='60px';o.style.zIndex=9999;document.body.onmousemove=function%20(){if(event.srcElement.tagName=='IMG')o.innerHTML=event.srcElement.src;o.style.left=event.x+document.body.scrollLeft+16;o.style.top=event.y+document.body.scrollTop+16;};">画像のURLを表示</a>
します。<br>
<img src="sample.jpg">
</body>
</html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA