jquery_jquery를 기반으로 div 광고의 표시 및 숨기기 타이밍을 위한 구현 코드-JS 튜토리얼-php.cn

jquery_jquery를 기반으로 div 광고의 표시 및 숨기기 타이밍을 위한 구현 코드

WBOY

풀어 주다： 2016-05-16 17:24:43

원래의

1242명이 탐색했습니다.

아래에서 제 방법을 알려드리겠습니다.

jquery에서 레이어를 표시하고 숨기려면 hide 및 show 메소드를 직접 사용하면 매우 간단합니다. 하지만 타이밍을 설정하려면 setTimeout 함수를 사용하여 인스턴스화해야 합니다. 아래에서 제 방법을 공유하겠습니다.
html 페이지에 임의의 항목을 넣어 보겠습니다

코드 복사 코드는 다음과 같습니다.

< ;a class="bigad_close">닫기

jquery 코드

코드 복사 코드는 다음과 같습니다.

<script><br>$(function(){ <br>setTimeout( '$( ".toolbarframe").show("느린")',3000);<br> setTimeout('$(".toolbarframe").hide("느린")',13000);<br> $( ".bigad_close ").click(function(){<br> $(".toolbarframe").hide("slow");<br>})<br>});<br></script>

위의 핵심 구현 코드에 대한 간략한 소개:

코드 복사 코드는 다음과 같습니다.

setTimeout('$(".toolbarframe"" ).show ("slow")',3000); 3초 후 div가 작은 크기에서 큰 크기로 천천히 표시됩니다.
setTimeout('$(".toolbarframe").hide("slow")',13000 ); 10초 후에 다시 표시됩니다. 큰 크기에서 작은 크기로 자동으로 div를 숨깁니다. 
$(".bigad_close").click(function(){
 $(".toolbarframe").hide("slow ");
})

이 레이어를 닫으려면 닫기를 클릭하세요.