이 문서의 예에서는 jquery가 커플 광고를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <br> $(문서).ready(함수(){<br> var duilian = $("div.duilian");<br> var duilian_close = $("a.duilian_close"); <p> var window_w = $(window).width();<br> If(window_w>1000){duilian.show();}<br> $(window).scroll(function(){<br> var scrollTop = $(window).scrollTop();<br> duilian.stop().animate({top:scrollTop 100});<br> });<br> duilian_close.click(function(){<br> $(this).parent().hide();<br> false를 반환합니다.<br> });<br> });<br> <br> <스타일><br> /*다음은 커플렛 광고의 CSS 코드입니다*/<br> .duilian{top:100px;위치:절대; 너비:102px; 오버플로:숨김;}<br> .duilian_left{ 왼쪽:6px;}<br> .duilian_right{right:6px;}<br> .duilian_con{테두리:빨간색 솔리드 1px; 너비:100px; 높이:300px;}<br> .duilian_close{ 폭:24px; 텍스트 정렬:중심; 색상:#555555; </스타일><br> </머리><br> <br> <!--다음은 커플렛 광고의 html 코드 구조입니다--><br> <div class="divian duilian_left"><br> <div class="duilian_con">커플 내용</div><br> <a href="#" class="duilian_close">XClose</a><br> </div><br> <div class="divian duilian_right"><br> <div class="duilian_con">커플 내용</div><br> <a href="#" class="duilian_close">XClose</a><br> </div><br> <p style="height:1000px;"></p><br> </본문><br> </p> </div>
