●2016/09/23:即時関数で囲んで、グローバル変数を消しました。
■画像1個のマウスストーカーのJavaScriptはこちら→ マウスストーカー1■画像■画像1個で1個
上記のマウスストーカーのJavaScriptを改造しました。
CSS の「animation」を追加することで、マウスに追随する画像が左右回転するマウスストーカーです。
JavaScriptのソースの中に、
var Acss="animation:sayuuR 2s linear 0s infinite alternate;";
という指定があります。
興味のある方は
mCPブログ の「基礎から学ぶCSS3で作るギミック、アニメーション transform transition animation編」を参考に、変更してみて下さい。
CSSで指定する「@keyframes ●●{〜〜〜}」とJavaScriptの中で指定する「var Acss="animation:●●〜〜〜;";」を変更すれば、いろいろな動作を作ることができます。