>웹 프론트엔드 >JS 튜토리얼 >jquery_jquery를 기반으로 div 광고의 표시 및 숨기기 타이밍을 위한 구현 코드

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

WBOY
WBOY원래의
2016-05-16 17:24:431293검색

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

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

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

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 ");
})

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.