이것에 대해 할 말이 없습니다. 본질 코드를 직접 넣으십시오! 교차로
첫 번째는 HTML 코드입니다. 로그인 클릭 버튼과 겸손한 로그인 상자가 포함되어 있습니다.
다음과 같이 코드 코드를 복사하십시오.
<body>
<div id = "쉐이드"> </div>
<div>
<a onclick = "login ()"스타일 = "커서 : 포인터"> 로그인 </a>
</div>
<br/>
유용한 것은 없습니다. 본질 본질 <br/> <br/>
유용한 것은 없습니다. 본질 본질 <br/> <br/>
유용한 것은 없습니다. 본질 본질 <br/> <br/>
유용한 것은 없습니다. 본질 본질 <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br /> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br /> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<div id = "login"style = "display : none; z-index : 1025; posity : absolute;">
<form method = "post"action = "user/login.html">
<테이블>
<캡션>
사용자 로그인
</캡션>
<tr>
<td> 사용자 이름 : </td>
<td> <입력 유형 = "text"name = "username" /> < /td>
</tr>
<tr>
<td> 비밀번호 : </td>
<td> <입력 유형 = "password"name = "password" /> < /td>
</tr>
<tr>
<td> 검증 코드 : </td>
<td> <img src = "base/verfy.html"onclick = ""> </td>
</tr>
<tr>
<td> <입력 유형 = "제출"값 = "로그인" /> < /td>
<td> <입력 유형 = "버튼"value = "cancel"onclick = "cancel ()" /> < /td>
</tr>
</테이블>
</form>
</div>
</body>
다음은 JS 스크립트 코드의 구현입니다
다음과 같이 코드 코드를 복사하십시오.
<script type = "text/javaScript">
함수 login () {) {
var shadewidth = document.body.clientWidth + 30;
var shadeheight = document.body.clientHeight + 30;
var ghade = document.getElementById ( "쉐이드");
ghade.style.width = shadewidth + "px";
Shade.style.head = ShadeHeight + "PX";
ghade.style.display = "블록";
var logidivwidth = 200;
var logidivheight = 800;
var logidiv = document.getElementById ( "로그인");
logindiv.style.width = logindivwidth + "px";
logindiv.style.height = logindivheight + "px";
logindiv.style.top = (document.body.scrolltop + document.body.clitingheight / 2
-logindivheight / 2) + "px";
logindiv.style.left = (document.body.scrollleft + document.body.clientWidth / 2
-logindivwidth / 2) + "px";
logindiv.style.display = "block";
}
</스크립트>
다음은 코드 디스플레이와 로그인 상자의 코드 만 있습니다. 숨겨진 코드는 또한 매우 간단합니다. 본질
이 시점에서, 마스크 층을 통한 플로팅 레이어 div 로그인의 간단한 기능이 구현된다. 예술 작품은 모든 사람이 해결합니다.
여기에 모든 사람을위한 기능이 있습니다. 본질 POP -UP 로그인 박스의 DIV 블록이 롤링 바를 따르도록하는 방법은 무엇입니까? 교차로
내 실험 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
함수 logindivCenter () {
logindiv.style.top = (document.body.scrolltop + document.body.clitingheight / 2
-logindivheight / 2) + "px";
logindiv.style.left = (document.body.scrollleft + document.body.clientWidth / 2
-logindivwidth / 2) + "px";
}
function scall () {) {
logindivcenter ();
}
Window.onscroll = Scall;
Window.onresize = Scall;
Window.onload = 가추어;
그러나 불행히도 나는 실패했다. 본질 인터넷에서 많은 것을 발견했지만 아무도 요구 사항을 충족하지 못했습니다. 그들 대부분은 구현할 setinterval을 설정했습니다. 나는 이것이 이상적이라고 생각하지 않습니다. 본질 본질
모든 위대한 신들을 가르치려고!