gpt4 book ai didi

javascript - 淡入淡出只有在主页面登录后才生效?

转载 作者:行者123 更新时间:2023-11-28 16:48:34 26 4
gpt4 key购买 nike

我正在尝试在我的登录页面和网站主页之间建立一个过渡。但是,我最终会在站点内的每次调用中淡入主页。我明白为什么,但我无法弄清楚如何将效果设置为仅在登录屏幕后调用主页时发生。

<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>

关于javascript - 淡入淡出只有在主页面登录后才生效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59857349/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com