마스크 layer_javascript 기술을 통해 플로팅 레이어 DIV 로그인을 구현하는 Node.js 코드
- WBOY원래의
- 2016-05-16 17:01:201126검색
이에 대해서는 더 이상 할 말이 없습니다. . 코드로 이동하세요! !
첫 번째는 HTML 코드입니다. 여기에는 로그인 클릭 버튼과 간단한 로그인 상자가 포함되어 있습니다.
코드 복사 코드는 다음과 같습니다.
>< div id="shade">
아무것도 작동하지 않습니다. . .
아무것도 작동하지 않습니다. . .
아무것도 작동하지 않습니다. . .
아무것도 작동하지 않습니다. . .
;
< br/>
JS 스크립트 코드 구현
코드 복사
코드는 다음과 같습니다.
여기에는 마스크 레이어와 로그인 상자를 표시하는 코드만 있습니다. 숨겨진 코드도 매우 간단합니다. 마스크 레이어(shade)의 DIV 블록과 로그인 상자(login)의 DIV 블록의 표시 속성을 없음으로 설정하면 문제가 없습니다. .
이 시점에서 마스크 레이어를 통해 플로팅 레이어 DIV 로그인을 구현하는 간단한 기능이 구현되었습니다. 예술 작품에 관해서는 모두가 스스로 처리합니다.
여기에는 모두에게 도움이 되는 기능이 있습니다. . 팝업 로그인 상자의 DIV 블록을 스크롤 막대와 함께 이동시키는 방법은 무엇입니까? ?
제 실험 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
function loginDivCenter(){
loginDiv .style.top = (document.body.scrollTop document.body.clientHeight / 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=scall;
모든 위대한 신들의 조언을 부탁드립니다!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.