Question

我在JQUERY中有一个html函数，导致文本显示在链接悬停的右侧。我很好奇，如果这个文本可以淡入或类似的东西，所以它不是一个如此严酷的过渡。任何帮助将不胜感激。

Jquery的：

<script type="text/javascript">
$(document).ready(function() {
$("#changeText").hover(function() {
$("#navhover").html("HOME");
}
,function(){
$("#navhover").html("")
});
});
</script>

HTML :(总结如果需要，我可以显示完整的字符串）

         <div class="nav"><a href="index.html" id="changeText">HOME</a></div>
         <p id="navhover"></p>

SITE：

www.monkbuns.com

Answer 1

淡入文字。

$（ “＃navHover”）隐藏（）的HTML（ “主页”）淡入（）; ...

淡出

$（“＃navHover”）。fadeOut（function（）{$（this）.html（“”）;}）;

Answer 2

工作DEMO

试试这个

$(document).ready(function () {
    $("#navhover").hide();
    $("#changeText").hover(function () {
        $("#navhover").html("HOME").fadeIn("slow");
    }, function () {
        $("#navhover").fadeOut("slow");
    });
});

希望这有帮助，谢谢

Answer 3

你能试试吗，

  $(document).ready(function() {
     $("#changeText").hover(function() {        
        $( "#navhover" ).hide().html("HOME").fadeIn( "slow", function() {
           // Animation complete
        });
    }
    ,function(){
       $("#navhover").html("")
    });
  });

演示：http://jsfiddle.net/GxJGs/

fadeIn for html悬停效果在一个单独的div中

3 个答案:

工作DEMO