カーソル下の画像の種類を表示する（ページ内に）


■動作ブラウザ　【 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 - - - - - - × × × × × × × × - - - -

説　　明 カーソル下の画像の種類をマウスの右下に表示します。グローバル変数名としてoを使っているので、場合によっては不具合が発生するページがあるかもしれません。
サンプル <html>
<head>
<title>カーソル下の画像の種類を表示する</title>
</head>
<body>
カーソル下の画像の種類を表示するブックマークレットです。<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='80px';o.style.height='20px';o.style.zIndex=9999;document.body.onmousemove=function%20(){if(event.srcElement.tagName=='IMG'){var%20n=event.srcElement.src.split('.');o.innerHTML=n[n.length-1];}o.style.left=event.x+document.body.scrollLeft+16;o.style.top=event.y+document.body.scrollTop+16;};">画像の種類を表示</a>
します。<br>
<img src="sample.jpg">
</body>
</html>
補足説明 なし

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