Question

我试图为使用jquery创建的div添加淡入/淡出效果，但我似乎无法弄明白。有什么想法吗？

继承我目前的代码：

if (sessionStorage.getItem('hintOnce') !== 'true') {
        $('body').append('<div class="control-hint"><p> Use the controls to improve your browsing experience. </p><div class="close">X</div></div>')
        sessionStorage.setItem('hintOnce','true');
        }

        $('.control-hint').on('click',function(){
        $('.control-hint').hide();
      });

提前致谢，

斯科特。

Answer 1

将其包裹在jq对象中，然后在淡入它之前隐藏它：

$('body').append($('<div class="control-hint"><p> Use the controls to improve your browsing experience. </p><div class="close">X</div></div>').hide().fadeIn());

Answer 2

广告内联样式display: none到您的div。然后只需选择它并在其上调用fadeOut。

$('body').append('<div class="control-hint" style="display: none"><p> Use the controls to improve your browsing experience. </p><div class="close">X</div></div>');
$('.control-hint').fadeOut();

Answer 3

尝试此代码：

/opt/apache-tomee-webprofile-7.0.1

如何将淡入淡出效果添加到jquery追加

3 个答案: