| |
|
|
| | К примеру для передвижения стороннего блока при наведении на ссылку я использую библиотеку jquery-1.3.2.js
<script>
$(document).ready(function() {
$("[class ^=order]").hover(function() {
$("[class ^=food]").stop().animate({right: 120 }, 'fast');
}, function() {
$("[class ^=food]").stop().animate({ right: 170 }, 'fast');
});
});
</script>
|
<div class="piece_pizza">
<a href="#"><img src="/images/piece-pizza.png" title="Меню пиццы"></a>
</div>
Соттветственно прописываю нужные стили для первоначального отображения пиццы. С этим всё в порядке.
Подскажите, что нужно добавить в код, чтобы можно было бы изменить еще и изображение другого блока. Сам бы сделал, да слабо знаю принцип скриптов. Понимать, то понимаю что и как вроде, но еще недостаточно. | |
| |
|
|
| |
|
|
| |
для: immortal727
(06.09.2011 в 09:44)
| | | Вот этот блок к чему относится? Это и есть тот самый посторонний блок, который нужно передвинуть?
<div class="piece_pizza">
<a href="#"><img src="/images/piece-pizza.png" title="Меню пиццы"></a>
</div>
|
Тогда вместо food вам нужно писать piece...
PS Вообще, конечно, лучше по возможности сузить охват, при помощи конструкции $("[class ^=order]") вы ищите все элементы с классами начинающихся с имени order. Мало того, что несколько элементов могут иметь такой класс, так еще и несколько классов могут начинаться со слова order. В таких случаях элементу обычно присваивают уникальный идентификатор id="name_id", к которому обращаются через $("#name_id"). | |
| |
|
|
| |
|
|
| |
для: cheops
(06.09.2011 в 10:05)
| | | Спасибо за совет. На будущее конечно лучше делать так. А в блоке с классом piece_pizza идет ссылка, при наведении на которую должен меняться сторонних блок food. Но мне надо еще помимо передвижения сделать для блока food изменить ему изображение. А при отпускании мышки со ссылки, изображение блока food опять становится прежним. Это возможно? | |
| |
|
|
| |
|
|
| |
для: immortal727
(06.09.2011 в 22:01)
| | | Кто-нибудь подскажет как можно изменить у другого блока изображения в верхнем коде. Очень надо, помогите пожалуйста. | |
| |
|
|
| |
|
|
| |
для: immortal727
(08.09.2011 в 11:22)
| | | Не понятно, как сам блок выглядит, который, нужно двигать, приведите его HTML-код? | |
| |
|
|
| |
|
|
| |
для: immortal727
(06.09.2011 в 09:44)
| | |
$(".order").hover(function() {
$(".food").stop().animate({right: 120 }, 'fast');
$(".food img").attr("src","путь к картинке");
}, function() {
$(".food").stop().animate({ right: 170 }, 'fast');
$(".food img").attr("src","путь к картинке");
});
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(08.09.2011 в 12:20)
| | | Спасибо, а то jquery плохо очень, только коды стандартные применю и всё. | |
| |
|
|
