이 기사에서는 JS의 부동 창 효과의 간단한 구현에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
HTML 부분 :
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<title> 제목이 붙은 문서 </title> <style type = "text/css"> {margin : 0; 패딩 : 0;} img {border : 0;} </style> </head> <body> <div style = "height : 2000px; 배경 : #ccc; display : none;"> </div> <!-div id = "floatad"style = "위치 : 고정 위치 : 절대; _TOP (DocumentElement.scrolltop+documentelement.clientHeight-this. 반복 없음; 487px; 스타일 = "너비 : 26px; _TOP (at at evale.documentElement.scrolltop+documentElement.clientHeight-this.OffSetHeight); onclick = "Open_Online ();> </div-> </body> </html> <script type ="text/javaScript "src ="online.js "> </script>JS 부분 :
// javaScript 문서 // 플로팅 광고 이미지 var floatAdimg = "images/onlinesay.jpg"; // 플로팅 사이드 바 이미지 var floatsideimg = "images/onlinetel.gif"; // 온라인 커뮤니케이션 기능 열기 _online () { window.open ( 'http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325');} // 플로팅 광고 문서 .writeln ( "<div id =/"floatad/"style =/"위치 : 고정! 위치; 중요한 위치; _TOP (Document.DocumentElement.scrolltop.documentElement.fice); 반복되지 않습니다. 487px; Style =/"너비 : 487px; 높이 : 320px; float : right;/"onclick =/"Open_Online ();/"> </div> "); Document.writeln ("</div> "); // 부동 사이드 바 문서 .Writeln ("<div Style =/"width : 141px; _TOP : evally (documentelement.scrolltop.documentElement.clientHeight-this.OffSetHeight); 플로팅 광고 함수 closeFad () {document.getElementById ( 'floatad'). Style.display = 'none';} // 개방 된 플로팅 광고 기능 showfad () {document.getElementByid ( 'floatad') .display = 'block';} // 개방형 플로팅 창 함수 showfleat () {floatad '). 'block';} // 창 함수 열기 showfloat () {documb렌더링은 다음과 같습니다.
JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Traversal 알고리즘 및 기술 요약", "JavaScript Switching 특수 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술의 요약", "JavaScript 특수 효과 및 기술의 요약"JavaScript Orcors ","Jav Script Orcors " 및 알고리즘 기술 "및"JavaScript 수학적 작동 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.