内部のアニメーション機能を呼び出し、onclickの機能はできません。 (page1.js:46)は、私は、コンソールにエラーを取得しています</em>)だから私はここが午前問題は</em>は(<em>機能HideLogin内部で呼び出しません<em>関数フレーム()ということである
HideLoginで関数を定義したことが分かり、それを引数として送信することができます。 この関数は、サインアップテキストを上に移動してアニメーションをクリックすると仮定しています。これは、HideLoginの内部にフレーム関数全体を置くとうまく動作します。何らかの理由で私が望むように私はそれを呼び出すことはできません。 HideLoginの中でフレームを呼び出すにはどうすればいいですか?事前にありがとうsignin
からsignup
へ
Javascriptを
function HideLogin()
{
var login = document.getElementById("login");
var SignUpSheet = document.getElementById("SignUpSheet");
var titlecard = document.getElementById("titlecard");
var signup = document.getElementById("signup");
var pos = 125;
var id = setInterval(frame, 1);
login.style.display = "none";
SignUpSheet.style.display = "block";
titlecard.style.display = "block";
frame(signup, pos, id);
}
function frame(signin, pos, id)
{
if (pos == 0) {
clearInterval(id);
} else {
pos--;
signup.style.top = pos + 'px';
}
}
CSS
#signup /* sign up link */
{
position: absolute;
cursor: pointer;
display: block;
//border: 2px solid white;
background: -webkit-linear-gradient(red, yellow);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
top: 125px;
font-family: papyrus;
font-size: 70px;
color: red;
text-shadow: 2px 2px black;
transition: text-shadow 0.5s ease;
}
#signup:hover
{
background: -webkit-linear-gradient(white, black);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 4px 4px black;
}
HTML
<!doctype html>
<html>
<head>
<title>The Prime Legion</title>
<link rel="stylesheet" type="text/css" href="page1.css">
<script type="text/javascript" src="page1.js"></script>
</head>
<body>
<div id="logBox">
<div id="login" onclick="HideSignin()">
Log In
</div>
<div id="signup" onclick="HideLogin()">
Sign Up
</div>
</div>
<div id="LogInSheet">
<div id="LoginTitle">
<p><h4>Hello</h4></p>
</div>
</div>
<div id="SignUpSheet">
<div id="SignupTitle">
<p><h4>Welcome</h4></p>
</div>
</div>
<div id="titlecard">
<p><h1>The Prime Legion</h1></p>
</div>
</body>
</html>
私はそれを理解しました。これを正しく動作させるために、idにset interval関数を割り当てる必要がありました。しかし、あなたはこの問題を解決するための良い一歩です。あなたとすべての人に高貴です。 – chree