HOME > ホームページ作成で使えるタグ > マウスに文字が付いて来る | |||||||||||||||
マウスに文字が付いて来る |
|||||||||||||||
マウスカーソルに流れるような文字が付いてきます。 | |||||||||||||||
マウスストーカーと呼ばれるもので、検索すればたくさん出てきます。 | |||||||||||||||
ここではマウスストーカーでも実際にホームページ作成で使えそうなものを紹介します。 | |||||||||||||||
注意点 | |||||||||||||||
スタイルシートを使う場合、コンテンツ部分に色や背景を付けるとうまく動作しない場合があります。 | |||||||||||||||
文字を日本語で表示する場合はエンコードをShift_JISに変更しないと文字化けします。 | |||||||||||||||
マウスカーソルに文字が付いて来るサンプル |
|||||||||||||||
設置方法 | |||||||||||||||
Javascriptについて | |||||||||||||||
moji.js と moji2.js をダウンロードして下さい。 | |||||||||||||||
jsというファイルを作成し、ダウンロードしたJavascriptを保存して下さい。 | |||||||||||||||
moji.js ファイルをメモ帳で開き、一番上に文字を入力する場所がありますので、 | |||||||||||||||
表示したい文字に書き換えて下さい。 | |||||||||||||||
<body>を下記へ書き換えて下さい。 | |||||||||||||||
<body onload="makesnake();"> | |||||||||||||||
HTML記述例 | |||||||||||||||
<head>と</head>の間に下記を記述して下さい。 | |||||||||||||||
<SCRIPT src="js/moji.js" type="text/javascript"></SCRIPT> <SCRIPT src="js/moji2.js" type="text/javascript"></SCRIPT> |
|||||||||||||||
HTML記述例 | |||||||||||||||
<head>と</head>の間に下記を記述して下さい。 | |||||||||||||||
<style> <!-- .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:8pt; //ピクセル単位 font-family:Bell MT; //フォント名 font-weight:bold; color:"#000000"; //カラー }}} //--> --> </style> |
|||||||||||||||
|
|||||||||||||||
|
|||||||||||||||