[英]Fade in effect only after Login on main page?
我正在尝试在我的登录页面和网站主页之间建立一个过渡。 但是,我最终会在站点内的每次调用中淡出主页。 我明白为什么,但我不知道如何设置只有在登录屏幕后调用主页时才会发生的效果。
<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <script> $("body").hide(); $("body").fadeIn(10000); </script> <div> Hello World!</div> </body> </html>
我正在尝试在我的登录页面和网站主页之间建立一个过渡。 但是,我最终会在站点内的每次调用中淡出主页。 我明白为什么,但我不知道如何设置只有在登录屏幕后调用主页时才会发生的效果。
主页:
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script>
$("body").hide();
$("body").fadeIn(1000);
</script>
<div> Hello World!</div>
</body>
</html>
登录页面:
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="btn float-right login_btn" id="loginbutton">Login</div>
<script type="text/javascript">
document.getElementById("loginbutton").onclick = function () {
location.href = "./pages/mainpage.html";
};
</script>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
if(document.referrer == "http://localhost:65434/Home/Login")
{
$("body").hide();
$("body").fadeIn(1000);
}
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.