jQuery Слайд-меню при наведении - PullRequest
Новая
       40

jQuery Слайд-меню при наведении

2 голосов
/ 13 ноября 2010

хорошо, вот так, я получил 2 деления , одна моя навигация , другой получил то же количество тегов li с почти теми же идентификаторами, что и моя навигация, эти теги li содержат графику , которая предполагает slide при наведении курсора. Позвольте мне объяснить ...

это моя навигация 

<ul id="navInside">
  <li><a id="nInicio" href="index.php" >Inicio</a></li>
  <li><a id="nHistoria" href="history.php" >Historia</a></li>
  <li><a id="nQuienes" href="aboutus.php" >Quienes somos</a></li>

это то, что должно двигаться 

<ul id="navSlides">
  <li id="SnInicio"></li>
  <li id="SnHistoria"></li>
  <li id="SnQuienes"></li>

Это код jQuery , который я получил сейчас ... 

    $('#navInside li').hover(function (){
    $("#S" + this.id).animate({top: '0px'}, 500)}, function (){
    $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');} 
);

Можете ли вы помочь мне настроить правильный селектор , чтобы это сработало?

Я застрял на несколько дней ... Спасибо

Ответы [ 2 ]

4 голосов
/ 13 ноября 2010

id находится на привязке, а не <li> (что относится к this), поэтому ваше наведение должно быть: 

$('#navInside li a').hover(function (){
  $("#S" + this.id).animate({top: '0px'}, 500);
}, function (){
  $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');
});

Или используйте код, который вы имеете, и переместитеid до <li>, вот так: 

<ul id="navInside">
  <li id="nInicio"><a href="index.php" >Inicio</a></li>
  <li id="nHistoria"><a href="history.php" >Historia</a></li>
  <li id="nQuienes"><a href="aboutus.php" >Quienes somos</a></li>
1 голос
/ 14 января 2011

Извините, мне неясно, что такое $ ("# S" + this.id)?Я не вижу id = "S" нигде в HTML ...

...