Sparks from Cursor

2015.04.22

jQuery を使用してブラウザ上で動くカーソルから文字や画像を表示させます。

サンプルでは星をテキスト(★)で表示させ、回転しながら落ち、消えていくというような操作を行っています。吹き出す星の色、大きさは工夫次第でもう少し多種多様な形で表現することも可能でしょう。

 

注意点として、ブラウザにより mousemove イベントに対する反応や処理能力が違うこともあり、噴き出させる文字や画像の量を加減した方が良いかと思われます。

 

以下、サンプルコードです。