Question

我正在尝试将fadein添加到我的jquery字符串中，以便在单击时div淡入。我只是闪光然后没有褪色。我仍然是jquery的初学者。这看起来应该有用吗？

$(document).ready(function() {
    $("#Thumb1").click(function() {
        $("#hidden").html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').hide().fadeIn('2000');
        $("#leftsidePlayer").text("hey there new text!");
    });
});

我也尝试使用.hide并在我的CSS中使用disply: none同样有效。

Answer 1

持续时间应该是一个不是字符串的数字：

$("#hidden").hide()
            .html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>')
            .fadeIn(2000); // <==== Not fadeIn('2000')

JSFidde DEMO

持续时间以毫秒为单位;值越高表示动画越慢，而动画越快。可以提供字符串'fast'和'slow'以分别指示200和600毫秒的持续时间。如果提供了任何其他字符串，或者省略了duration参数，则使用400毫秒的默认持续时间。

旁注，最好隐藏元素然后将其附加到<iframe>，并在完成所有操作后，将容器淡入。

淡入效果仅闪烁

1 个答案: