Вопрос по анимации
Моя программа состоит из файлов
index.php
<html>
<head>
<title> jQuery</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="div1"></div>
<input type="button" value="Запустить анимацию" onclick="animateDiv();">
</body>
</html>
script.js
function animateDiv(){$('#mydiv').animate( {left:"400"}, 3000 );}
style.css
#div1{
width:100px;
height:100px;
background:#666699;
position: relative; top: 0px; left: 0px;
}
Необходимо, чтоб по щелчку мыши по двигающемуся квадрату , он менял направление движения. Если щелкнули сверху- он должен двигаться вниз, слева - вправо, справа- влево, снизу -вверх. Как это можно реализовать?
|