Баг (если водить курсором по картинках то они отступают в разные стороны) не знаю как убрать етот баг (картинки как должно быть и баг под низом).
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.howerflow.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
<script type="text/javascript" src="menu.js"></script>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<script>
$(function() {
$(".pic1, .pic2, .pic3, .pic4, .pic5, .pic6, .pic7")
.hover(function() {
$(this).nextAll().stop().animate({ left: "+=200px" }, 300);
}, function() {
$(this).nextAll().stop().animate({ left: "-=200px" }, 'fast');
});
})
</script>
</head>
<body>
<center>
<div class="menu">
<img src="im1.png" alt="Задачи" class="menu pic1"/>
<img src="im2.png" alt="Пособия" class="menu pic2"/>
<img src="im3.png" alt="Вопросы" class="menu pic3"/>
<img src="im4.png" alt="Опросы" class="menu pic4"/>
<img src="im5.png" alt="Поиск" class="menu pic5"/>
<img src="im6.png" alt="Контакты" class="menu pic6"/>
<img src="im7.png" alt="Закрыть" class="menu pic7"/>
</div>
</center>
</body>
</html>