первый опыт jquery. Вопросы.
Сделал на jquery красивости для меню, и форму обратной связи.
Красивости для меню не работают в IE6. Помимо jquery подключил еще jquery.backgroundPosition.js
Вот код:
Код:
<script type="text/javascript">
$(document).ready(function() {
$(".menu .nakt a").hover(function(){
$(this).animate({backgroundPosition: '(0px 60px)',height: "66px",paddingTop: "0"}, 200,
function(){
$(this).animate({backgroundPosition: '(0px 44px)'}, 400);
});
}, function() {
$(this).animate({backgroundPosition: '(0px -17px)',height: "26px",paddingTop: "30px"}, 200 );
});
});
</script>
В IE6 как будто и нет никакого js.
Форма отправки опять же не работает в IE6, но и в других браузерах работает не так как хотелось бы. В IE6 вообще какой-то ужас твориться. А в остальных: когда отсылаешь форму первый раз то все происходит как надо (сначала появляется "sending mail" потом ответ mail.php, а потом это все исчезает) А вот если отправить ее второй раз (без перезагрузки страницы), то сразу же появляется ответ от mail.php.
код:
Код:
<script>
function FormClick ()
{
var str = $("#form_86475").serialize();
//появляется информационный div
$("#form").animate({height:"355px"},10,
function(){
//увеличиваем его opacity
$("#form").animate({opacity:"0.8"},500,
function(){
//немного ждем чтоб прочитать
$("#form").animate({opacity:"0.8"},3000,
function(){
//получаем ответ от сcервера, и выводим его в этом div
$.post("mail.php", str,
function(data) {
$("#form").html(data);
//немного ждем чтоб прочитать
$("#form").animate({opacity: "0.8"},2000);
//блок становиться прозрачным
$("#form").animate({opacity: "0"},500);
//блок исчезает
$("#form").animate({height: "0"},10);
}
);
}
)
}
)
}
);
}
</script>
Понимаю что сделано наверное неправильно, просто это мой первый опыт написания подобных вещей, прошу сильно не пинать, и очень буду благодарен за ответ, т.к. без посторонней помощи мне не спрвиться. |