如何使元素显示一段时间然后逐渐消失，当我刷新页面时它没有显示？

Question

我有一个登录页面，当我登录时，它会带我到我的主页<div class="alert alert-success＆gt;信息。 我希望这条消息显示5秒钟，然后淡出。 我怎么做？？ 此外，当我刷新我的页面时，我不希望再次显示该消息，除非我退出然后再次登录。

这是一些代码：                           ×             成功！登录成功！          这应该显示我何时成功登录。

Answer 1

您可以使用php创建设置会话变量，然后在显示后清除它。

session_start();
$_SESSION['new_message'] = true;

if(isset($_SESSION['new_message']){
//your code to display the message
session_destroy;
}

使用jquery

5秒后淡出

$('#div').delay(5000).fadeOut(400)