Question

如何在javascript中摆脱鼠标悬停时的闪烁文本。我编辑了持续时间的数量，但没有任何不同。对我来说，它看起来并不顺利。我是一个新的网络开发人员，不确定javascript代码中的哪些内容需要正确编辑。顺便说一下，我想要实现的是当页面首次加载时，文本将被隐藏，直到鼠标悬停，2行将被显示，onmouseout文本将再次消失（闪烁文本一直出现在onmouseover），然后当onclick to打电话给另一个功能，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

听起来这是一个动画集中的问题，你想要一个流畅的显示/隐藏类型的动画？ Imo你实际上应该使用fadeIn或fadeOut来获得最终的平滑度。但你可以在show（）hide（）上设置时间，如果这是你真正喜欢的...或者你可以结合fadein并改变父元素的高度，这样它会给出一些开放效果但不会出现锯齿状缩放从左右效果。

（+）向父div添加了一个“id”，当你滚动图像时，你可能不希望链接消失。如果你花了很多力气来展示它。

我修改了mrtsherman的例子到我想你想说的话。我确信它可能会像你想要的那样有点动态。但这是我假设的动画或效果问题？正确？

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

鼠标悬停时闪烁文本

1 个答案: