webtoolkit.cursor：カスタムカーソルを表示するJs
- 2019.08.14
- JavaScript
- cursor, webtoolkit.cursor, カスタムカーソル, マウスカーソル
マウスカーソル自体をアニメーションgif画像に差替えてカスタムカーソルとして表示します。
1．読み込むJsファイル
<script type="text/javascript" src="webtoolkit.cursor.js"></script>
2．マウスカーソルとして表示するGIF画像
ファイル名はskin.gifで設置してます。
<div><a href="/demo/js/20130531-webtoolkit-cursor/skin.gif" target="_blank"><img src="/demo/js/20130531-webtoolkit-cursor/skin.gif" width="45" height="45" border="0" align="カスタムされたカーソル画像"></a></div>
3．HTMLの記述例
特に無し。
webtoolkit.cursor：カスタムカーソルを表示するデモページ
ソース元：Dynamic Drive DHTML Scripts- Custom Cusor Script II (CrossHair Mouse Cursor)
このgif画像（
）じゃなかったら何だか十字のカーソルが見え隠れしますね。
これってどうにかならないのか、引き続き調べて見ようと思います。
-
前の記事
サイト制作の時にコマンド プロンプトでよく使うコマンド 2019.08.13
-
次の記事
setTimeout・clearTimeoutを使って指定秒数毎にJavaScriptの繰り返し処理（画像の切替え） 2019.08.20