鼠标悬停时闪烁文本

Question

如何在javascript中摆脱鼠标悬停时闪烁的文本。我编辑了持续时间的数量，但没有任何不同。在我看来一点也不顺畅。我是一个相当新的web开发人员，不确定javascript代码中的哪些内容需要正确编辑。顺便说一下，我想要实现的是，当页面第一次加载时，文本将被隐藏，直到鼠标经过，2行将被显示，onmouseout文本将再次消失(闪烁的文本总是出现在onmouseover )，然后当onclick调用另一个函数fancybox时。

<script type="text/javascript">
            $(document).ready(function(){
            $(".msg-link").hover(
            function(){
                var id = $(this).data("id");
                    if(id!==undefined){
                        $("#" + id).show();   
                    }
                        $("#textMessages").show();

                    },function(){
                    $("#textMessages").hide();
                    $(".hidden").hide();
                });
            });

            function ShowHide() {
                alert('here');
                $("#textMessages").animate({
                    "height": "toggle"
                }, {
                    duration: 1000
                });
                }
</script> 

<div>
    <img class="msg-link" data-id="test" src="1.png" alt="" />
       <p id="textMessages">test<br />
        <a class="hidden" id="test" href="1.png" rel="group1" title="example title text">More View</a>
        <a class="hidden" id="koya" href="2.png" rel="group1" title="more text right here"></a>
       </p>
</div>

Answer 1

听起来这是一个动画聚焦的问题你想要一个流畅的显示/隐藏类型的动画？你实际上应该使用fadeIn或fadeOut来获得最好的流畅性。但是您可以在show() hide()上设置时间，如果这是您真正喜欢的。或者你可以将fadein和改变父元素的高度结合起来，这样就可以产生一些打开的效果，而不是从左到下的锯齿状缩放效果。

(+)添加了一个"id“到父div，如果你花了所有的精力来显示它，你可能不希望在滚动图片时链接消失。

我把mrtsherman的例子修改为我以为你想说的。我相信它会更有活力，就像你想做的那样。但我假设这是一个动画或特效问题？对吗？

http://jsfiddle.net/SRLj9/9/