通知アラートを右から左に表示して数秒後に非表示にする方法

Question

アラートを右から左に表示しようとしていて、数秒後にそのアラートを非表示にしたい。今すぐ右から左に警告が来ますが、右から正しく開始されません。警告が表示されなくなり、ページをリフレッシュするときは右から来て、右から左に300pxを表示する必要があります。いくつかの秒。 これで私を助けてくれませんか？

$(".success").fadeIn() 
 
.css({left:400,position:'absolute'}) 
 
.animate({left:0}, 800, function() { 
 
    // $('#selector').delay(5000).fadeOut('slow'); 
 
});

div { 
 
    margin-bottom: 15px; 
 
    padding: 4px 12px; 
 
} 
 

 

 
.success { 
 
    background-color: #ddffdd; 
 
    border-left: 6px solid #4CAF50; 
 
    width: 400px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<div class="success"> 
 
    <p><strong>Success!</strong> Some text...</p> 
 
</div>

Answer 1

はにあなたのjsのコードを変更します。replying.Ofisoraため

showNotification(); 
setTimeout(hideNotification, 8000); 

function showNotification() { 
    $(".success") 
    .fadeIn() 
    .css({ right: 0, position: "absolute" }) 
    .animate({ left: 0 }, 1000, function() { 
     // $('#selector').delay(5000).fadeOut('slow'); 
    }); 
} 

function hideNotification() { 
    $(".success").fadeOut("slow"); 
} 

Demo