자바스크립트에 대한 기초가 확실하다면 플로팅 광고를 만드는 것이 상대적으로 쉽습니다. 코드를 업로드하세요: 코드 복사 코드는 다음과 같습니다: 제목 없는 문서 <br>*{ <br>margin:0; <br>padding :0 ; <br>} <br>#csdn <br>{ <br>너비:800px; <br>여백:0 자동 <br>} <br>#ad <br>{ <br>위치:절대 ; <br>오른쪽:0px; <br>z-index:1 <br>} <br>#cl <br>위치:절대:0px ; <br>top:30px; <br>z-index:2; <br> 30; <br>var closeInitTop=30; <br>function inix() <br>{ <br>advInitTop=document.getElementById("ad").style.pixelTop <br>closeInitTop=document.getElementById("cl ") .style.pixelTop; <br>} <br>함수 closeAd() <br>{ <br>document.getElementById("ad").style.display="none"; <br>document.getElementById(" cl" ).style.display="none"; <br>} <br>function move() <br>{ <br>//document.getElementById("ad").style.pixelTop=document.body.scrollTop advInitTop;//document.getElementById("cl").style.pixelTop=document.body.scrollTop closeInitTop; <br>document.getElementById("ad").style.pixelTop=document.documentElement.scrollTop advInitTop; <br>document.getElementById("cl").style.pixelTop=document.documentElement.scrollTop closeInitTop; <br>//alert(document.getElementById("ad").style.pixelTop) <br>window.status =document .documentElement.scrollTop "/" document.getElementById("ad").style.pixelTop; <br>} <br>window.onscroll=move <br> ; ;/ div> 핵심 사항: Document.documentElement는 위 코드에서 사용해야 하며, 이전 document.body를 사용하지 마십시오. 그렇지 않으면 w3c 표준을 준수하지 않으며 플로팅 효과를 볼 수 없습니다!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
