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

데모 코드:

<title>테스트</title> <style type="text/css"> .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } </style> <div style="height: 1000px; background: #ccc;"> </div> <div id="msgDiv" class="divCss"> 테스트 부문<div id="ditTitle" class="contentCssHeight titleCss"> <span id="close"> </span> </div>열기<div id="divContent" class="contentCss"></div> </div> 테스트 내용은 다음과 같습니다<div style="height: 1000px; background: #C0C0C0;"> </div> 테스트 부문
[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을 실행할 수 없는 것으로 테스트되었습니다. 배우지만 사용하지 않는 것이 좋습니다.