Анимирование следующей части меню
Помогите пожалуйста.
Есть например 3 пункта меню 1-2-3 (но может быть и 10-ть) При наведении мышкой на любой из пунктов мне нужно чтобы оставшиеся пункты меню анимировались. Например наводим на пункт 2, анимируются пункт 3 Наводим на пункт 1, анимируются пункты 2 и 3 Вот код, но вставка this тут не очень правильно, просто не соображу, что туда подставить. Заранее спасибо за помощь
<div id="menui1" qwe="menu" aaa="1"><a href="./index.php"><img src="images/m1.gif" width="" height="" alt="" border="0"></a></div>
<div id="menui2" qwe="menu" aaa="2"><a href="./index.php"><img src="images/m2.gif" width="" height="" alt="" border="0"></a></div>
<div id="menui3" qwe="menu" aaa="3">qwe<a href="./index.php"><img src="images/m3.gif" width="" height="" alt="" border="0"></a></div>
$("div[qwe='menu']").mouseover(function()
{
$("this ~ div[qwe='menu']").animate({left: '+=250'}, { queue:false, duration:100 });
})
.mouseout(function()
{
$("this ~ div[qwe='menu']").animate({left: '-=250'}, { queue:false, duration:100 });
});
|
Как вариант думал базироваться на дополнительном атрибуте в DIV.
Но не работает , видимо вот тут: $("div[aaa='tmp']
$("div[qwe='menu']").mouseover(function()
{
var tmp=$(this).attr("aaa");
$("div[aaa='tmp'] ~ div[qwe='menu']").animate({left: '+=50'}, { queue:false, duration:100 });
})
.mouseout(function()
{
$("div[qwe='menu']").animate({left: '-=50'},{ queue:false, duration:100 });
});
|
$(this).nextAll("div[qwe='menu']").animate()
|
Спс. Всё просто. :dance:
|
| Часовой пояс GMT +3, время: 18:05. |