Как я могу исчезнуть в DIV с JQuery на ролловере? - PullRequest
Новая
       17

Как я могу исчезнуть в DIV с JQuery на ролловере?

1 голос
/ 11 ноября 2011

Я пробовал много кода, который нашел на этом сайте, но, похоже, ничего из этого не работает. Я не очень хорошо разбираюсь в HTML и jQuery, так что, возможно, я делаю что-то не так. Вот пример кода: 

<script type="text/javascript">
  $('#Pic').hover(function(){  
    $('#HomeRoll', this).stop().animate({
      opacity: 1
      }, 250);
    }, function() {
    $('#HomeRoll', this).stop().animate({
      opacity:0 
      }, 250);
})
</script>

<div id="Nav">
    <a href="home.html" id="HomeLink"><img id="Pic" src="images/house_active.png" style="top: 18px; left:26px; position: relative" /></a>
    <div id="HomeRoll">Home</div>
    <br>
    <img id="Pic" src="images/appicon.png" style="top: 36.5px; left:26px; position: relative" /><br>
    <img src="images/contacticon.png" width="70px" height:"75px" style="top: 58px; left:28px; position: relative" />
</div>

Что я могу делать не так?

1 Ответ

1 голос
/ 11 ноября 2011

Уже доступны методы для постепенного увеличения (fadeIn) и уменьшения (fadeOut).Это должно заставить вас двигаться в правильном направлении: 

<script type="text/javascript">
    $(function() {
        $("#HomeRoll").hover(
            function() {
                $("#fadeRoll").fadeIn("slow");
            }, 
            function() {
                $("#fadeRoll").fadeOut("slow");
            }
        );
    });
</script>

<div id="Nav"> 
    <a href="home.html" id="HomeLink"></a> 
    <div id="HomeRoll">Home</div> 
    <div id="fadeRoll" style="display:none;">Fade Me!</div>
</div>

Для примера я просто использовал <div>, чтобы продемонстрировать эффект затухания, но вы можете поменять его на изображение или другой элемент..

Вот jsFiddle: http://jsfiddle.net/CwQet/

...