| 解 説 |
半透明マウスカーソルにするには「マウスポインタ形状を任意の形状にする」と同じ手法を使います。ただし、半透明にするためにマウスカーソル画像にfilter:alphaを適用し透明度を指定します。タイマーを使って透明度を制御することもできます。
|
| コード |
<![CDATA[
<html>
<head>
<title>半透明マウスカーソル</title>
<script language="JavaScript">
<!--
function setCSR(){
myCSR.style.top = event.y;
myCSR.style.left= event.x;
}
// -->
</script>
</head>
<body style="cursor:url(trans.cur)" onmousemove="setCSR()" background="image.jpg">
半透明マウスカーソル<br>
<img src="csr.gif" id="myCSR" style="position:absolute;left:0px;top:0px;filter:alpha(opacity=50)">
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
半透明マウスカーソル