JQuery анимация
Здравствуйте.
У меня еесть блок div с размерами 500Х50px необходимо осуществить что бы по какому то событию(допустим наведению на него)происходила следующая анимация: он заменялся другим блоком, т.е. постепенно уходил вниз и пропадал а сверху вниз на его месте появлялся другой. Буду очень признателен за любую помощь в этом вопросе. в JQuery новичек так что не знаю даже в какую сторону капать:( |
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
.wrapper {
width: 100px;
height: 100px;
}
.block1 {
width: 100px;
height: 100px;
border: 1px solid #f00;
}
.block2 {
display: none;
width: 100px;
height: 100px;
border: 1px solid #0f0;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="block1">blabla</div>
<div class="block2">testtest</div>
<div>
<button>Slide now</button>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$(".block1").slideToggle(1000);
$(".block2").slideToggle(1000);
});
});
</script>
</body>
</html>
|
спасибо друг это почти то что нужно, если можно опиши еще как сделать что бы блок выходил не снизу а сверху.
и еще один вопрос: вот тут получается новый блок вытекает поверх старого, а можно как нибудь сделать что бы они оба анимировались, т.е. один постепенно уходил а другой в это время всавал на его место. заранее спасибо за помощь. |
devote, ты встрял... :lol:
|
ksa,
Всмысле? :blink: |
devote, ответил на один вопрос... Теперь получил следующий. И так пока весь сайт не сделаешь. :)
|
ksa,
Ааа, не... у меня нет времени писать ненужные мне скрипты... Так что вряд ли я встрял :) |
я не прошу вас писать скрипты, просто пару предложений по теме, название методов или там свойств каких, еще этот колобок влез. что хотел сам не понял.
|
Цитата:
Цитата:
Цитата:
|
спасибо большое буду капать...)
Цитата:
|
| Часовой пояс GMT +3, время: 01:40. |