マウスストーカー17-1■文字■ ボカシ付スポットライト・文章    UP日時 : 2015/11/15

この文章をクリックすると、明るくなります。

■重要■ 実は画面を明るくするためには、注意書きの文章をクリックしなくても、画面のどこでもクリックすれば明るくなります。
ただしリンクやリンクボタン等をクリックすると、画面は明るくなりますが、クリックしたリンクだけが動作しなくなります。クリックしなかったリンクは動作します。
そのため、リンクをクリックさせないために『この文章を』という指定を入れました。
これは『リンク以外の画面ならどこでも』という文章に変更してもかまいません。

マウスを動かすと、ボカシの入ったスポットライトが移動するマウスストーカーです。
■マウスストーカー16-1■文字■スポットライト・文章を改造しました。
詳しい説明は上記の方をご覧下さい。

上記との違いは CSSの「box-shadow」を追加して、内側(inset)に影を入れて、スポットライトの周囲をボカせるようにしたことです。
これは JavaScript のソースの中で指定できるようになっています。
後は上記そのままで、色や透過の設定を少し変更しました。

■ボタンクリックのJavaScriptはこちら→ マウスストーカー16■文字■スポットライト・ボタン
■文章クリックのJavaScriptはこちら→ マウスストーカー16-1■文字■スポットライト・文章
■ボタンクリックのボカシの付いたJavaScriptはこちら→ マウスストーカー17■文字■ボカシ付スポットライト・ボタン