이 기사에서는 오른쪽 하단에있는 JS의 간단한 팝업 프롬프트 창 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> aa </title> <style> <style> "text/css"> * {margin : 0px; 패딩 : 0px; } html, body {높이 : 100%; } 바디 {font-size : 14px; 라인 높이 : 24px; } #tip {위치 : 절대; 오른쪽 : 0px; 하단 : 0px; 높이 : 0px; 너비 : 180px; 국경 : 1px 고체 #cccccc; 배경색 : #eeeeee; 패딩 : 1px; 오버플로 : 숨겨진; 디스플레이 : 없음; 글꼴 크기 : 12px; z- 인덱스 : 10; } #tip p {패딩 : 6px; } #tip h1 {font-size : 14px; 높이 : 25px; 라인 높이 : 25px; 배경색 : #0066cc; 색상 : #fffff; 패딩 : 0px 3px 0px 3px; 필터 : 알파 (불투명도 = 100); } #tip h1 a, #detail h1 a {float : 오른쪽; 텍스트 결정 : 없음; 색상 : #fffff; }. divtip.id = "팁"; divtip.innerhtml = "<h1> <a href = 'javaScript : void (0)'onclick = 'start ()'> close </a> title </h1> <p> <a href = 'javaScript : void (0)'onclick = 'showwin ()'content </a>"; divtip.style.height = '0px'; divtip.style.bottom = '0px'; divtip.style.position = '고정'; Document.body.appendChild (divtip); } var 핸들; 함수 start (count) {var obj = document.getElementById ( "tip"); if (parseint (obj.style.height) == 0) {obj.style.display = "block"; 핸들 = setInterVal ( "changeh ( 'up')", 20); } else {handle = setInterval ( "changeh ( 'down')", 20)} 함수 changeh (str) {var obj = document.all? document.all [ "tip"] : document.getElementById ( "tip"); //docuemnt.all ??????? if (str == "up") {if (parseint (obj.style.height)> 100) ClearInterVal (핸들); else obj.style.height = (parseint (obj.style.height) + 8) .toString () + "px"; } if (str == "down") {if (parseint (obj.style.height) <8) {clearinterval (핸들); obj.style.display = "none"; } else obj.style.height = (parseint (obj.style.height) -8) .toString () + "px"; }} function showwin () {//document.getElementSyTagName("html").Style.OverFlow = "Hidden"; 시작(); }JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.