JS 는 웹 페이지 오른쪽 아래 모서리에 광고 창을 팝업합니다.
& lt! Doctype html public "-//W3C//dtdxhtml1.0 transitional//en" "http://www ..
& lt html xmlns = "http://www.w3.org/1999/XHTML" >
& lthead & gt
& ltmeta http-equiv = "content-type" content = "text/html; Charset=utf-8"/>
& lttitle & gt 웹 페이지의 오른쪽 아래 모서리에 있는 정보 상자
& lt/head & gt；;
& ltstyle type="text/css ">
# winpop {width: 200px; 높이: 0px 위치: 절대; 오른쪽: 0; 맨 아래: 0; 테두리: 1px 솔리드 # 666; 여백: 0; 채우기:1px; 오버플로우: 숨기기; 표시: 없음; }
#winpop. 제목 {폭:100%; 높이: 22px 행 높이: 20px 배경: # FFCC00 글꼴 두께: 굵게; 텍스트 정렬: 가운데; Font-size:12px; }
#winpop. Con {width:100%; 높이: 90px 행 높이: 80px 글꼴 두께: 굵게; Font-size:12px; 색상: # FF0000 텍스트 장식: 밑줄; 텍스트 정렬: 가운데}
# 루스 {font-size:12px; 색상: # 666; 위치: 절대; 오른쪽: 0; 텍스트 정렬: 오른쪽 정렬; 텍스트 장식: 밑줄; 행 높이: 22px}
。 닫기 {위치: 절대; 오른쪽: 4 pxtop:-1px; 색상: # FFF；; 커서: 포인터}
& lt/style & gt；;
& lt scripttype = "text/JavaScript" >
함수 프롬프트 _pop(){
Var msgpop = document.getelementbyidx _ x ("winpop");
Var poph = parseint (msgpop.style.height); //객체의 높이를 숫자로 변환합니다.
If (popH==0){
Msgpop.style.display = "block"; //숨겨진 창 표시
Show = setinterval ("변경 ('up')", 2);
}
그렇지 않으면 {
Hide = setinterval ("변경 ('다운')", 2);
}
}
함수 변경 h (문자열) {
Var msgpop = document.getelementbyidx _ x ("winpop");
Var poph = parseint (msgpop.style.height);
If(str=="up"){
(popH & lt= 100){
MsgPop.style.height=(popH+4) 입니다. Tostring ()+"px";
}
그렇지 않으면 {
ClearInterval (표시);
}
}
If(str=="down"){
If(popH & gt；; =4){
MsgPop.style.height=(popH-4) 입니다. Tostring ()+"px";
}
그렇지 않으면 {
ClearInterval (숨김);
Msgpop.style.display = "없음"; //구역 숨기기
}
}
}
Window.onload = function () {//load.
Document.getelementbyidx _ x ('winpop') .style.height =' 0px';
SetTimeout("tips_pop () ",800); //3 초 후에 tips_pop () 함수를 호출합니다.
}
& lt/스크립트 >
& ltbody & gt
& ltdiv id= "루스" >
& ltbuttononclick = "tips _ pop ()" > 3 초 후 오른쪽 아래에 창이 자동으로 팝업됩니다. 팝업이 없으면 이 버튼을 클릭하세요
& lt/div & gt；;
& ltdiv id = "winpop">
& ltdiv class="title "> 새로운 메시지가 있습니다! & lt span class = "close" onclick = "tips _ pop ()">. X & lt/span>. & lt/div & gt；;
& ltdiv class="con "> 1 읽지 않은 메시지 봉인 (
& lt/div & gt；;
& lt/body & gt；;
& lt/html & gt；;