Редактор Пример № 1 Пример № 2
Надоело скучное линейное движение картинок?
Тогда создайте свою умопомрачительную траекторию!
Как использовать:
<html> <head> ... <script src="mousemove.js" type="text/javascript"></script> <style type="text/css"> ... #ball { position:absolute; display:none; border:0; left:0; top:0; } ... </style> </head> <body> ... <img src="ball.jpg" alt="Мяч" id="ball" /> ... <script type="text/javascript"> <!-- var mousedata = [[383,387,391,395,401,406,412, 417,421,426,430,436,444,451, 457,463,471,479,485,491,496, 499,501,502], [265,265,265,265,265,265,265, 265,264,264,264,264,264,264, 264,264,264,264,264,264,263, 263,263,262], [7407,15,16,16,0,15,16,15,16, 0,16,15,16,16,0,15,16,15,16,0,16, 15,16,0]]; var mm = new MouseMove(mousedata, 'ball'); mm.loop = true; // Зацикливание анимации mm.pingPong = true; // Режим пинг-понга mm.play(); //--> </script> ... </body> </html>