> 웹 프론트엔드 > JS 튜토리얼 > jQuery(IE7, Firefox) 기반 웹페이지 오른쪽 하단 팝업 광고_jquery

jQuery(IE7, Firefox) 기반 웹페이지 오른쪽 하단 팝업 광고_jquery

WBOY
풀어 주다: 2016-05-16 18:20:52
원래의
968명이 탐색했습니다.

데모 코드:


[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]
핵심 코드: 코드 복사
코드는 다음과 같습니다.


$(function(){
//제목 레이어의 높이 --켜거나 끌지 묻는 메시지
var titHeight=$("#ditTitle").height()
//콘텐츠 레이어의 높이
var conHeight=$("#divContent").height() ;

//열기 또는 닫기
$("#close").toggle(function(){
//변경 프롬프트
$("#close").text(" Close");
//애니메이션--메시지 레이어의 높이가 1초 내에 증가하고 상단도 증가합니다
$("# msgDiv").animate({height:titHeight conHeight},1000,function(){
//확장 후 실행되는 함수
});
}, function(){
//프롬프트 변경
$("#close").text("열기");
//alert(temp " " titHeight)
$("#msgDiv").animate({height:titHeight}, 1000,function(){
//닫은 후 함수 실행
} )
})

//실행
var myTimer,i=8>function starFun ()
{
//클릭 이벤트를 트리거하고
if(i==4)
{
$("#close").click()
}
//시간 초과 지우기, 클릭 이벤트 트리거, 레이어 닫기
if(i ==0)
{
window.clearTimeout(myTimer)
if($("#close"); text()!="열기")
$("#close") .click();
}
myTimer=window.setTimeout(starFun,1000)
i=i-1 ;
}
starFun()
});

현재 IE6를 사용하는 중국 사용자가 많기 때문에 IE6을 실행할 수 없는 것으로 테스트되었습니다. 배우지만 사용하지 않는 것이 좋습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿