이 기사에서는 간단하고 사용하기 쉬운 휴대 전화 부동 창 디스플레이 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
HTML :
<스타일 유형 = "text/css">. fdbontel {너비 : 100%; 높이 : 53px; 위치 : 고정; 배경 :#0052AE; 텍스트 정렬 : 센터; 왼쪽 : 0; 하단 : 0; Z- 인덱스 : 999; } .fdonline {배경 : URL (index/images/online.png) no-Repeat; 너비 : 255px; 높이 : 181px; 위치 : 고정; 왼쪽 : 50%; 마진 왼쪽 : -128px; 상단 : 40%; Z- 인덱스 : 999; Border-Radius : 15px; Box-Shadow : 0 0 20PX RGBA (10, 2, 4, 0.75);}. fdonline .fdoclose {너비 : 44px; 높이 : 44px; 디스플레이 : 블록; 마진-탑 : -17px; 마진 오른쪽 : -6px;}. fdonline .fdotel {배경 :#cf3; 너비 : 127px; 높이 : 58px; 디스플레이 : 블록; 마진-탑 : 123px;}. fdonline .fdoon {배경 :#036; 너비 : 128px; 높이 : 58px; 디스플레이 : 블록; margin-top : 96px;} </style> <div> <img src = "index/images/fdtel.gif"usemap = "#maps"> <map "imp"id = "maps"> <area shape = "rect"coord = "2,2,79,52"onclick = "OpenZoosurl (); coords = "77,2,166,52"href = "전화 : 0855-8253310"> <area shape = "rect"coords = "166,4,242,51"onclick = "OpenZoosurl ();"> <area shape = "rect"coordinates = "248,5,318,53"Onclick = "opclick ="; </map> </div> <div id = "fdonline"> <a href = "###"onclick = "closeOnline ();"> <img src = "index/images/closebtn.png"> </a> <a href = "###"> </a> <a href = "###"> </a> </a>JS :
// javaScript documentDocument.writeln ( "<스타일 유형 =/"text/css/">"); docum } "); docum 4, 0.75);} "); document.writeln ( ". fdonline .fdoclose {너비 : 44px; 높이 : 44px; 디스플레이 : 블록; 마진-탑 : -17px; 마진-오른쪽 : -6px;}"); document.writeln ( ". fdonline .fdotel {너비 : 127px; 높이 : 58px; 디스플레이 : 블록; 마진-탑 : 123px;}"); docum 클래스 =/"fdbontel/"> "); docum id =/"maps/"> "); documb href =/"tel : 0855-8253310/"> "); document.writeln ("<area shape =/"rect/"coord =/"166,4,242,51/"onclick =/"OpenzoOsurl ();/"> "); hocept.writeln ("<area shape =/"coord =/"248,5,318/"248,5,318. onclick =/"openzoosurl ();/"> "); document.writeln ("</map> "); docum f_r/"onclick =/"closeOnline ();/"> <img src =/"index/images/closeBtn.png/"width =/"44/"height =/"44/"> </a>"); docum <a href =/"###/"class =/"fdoon f_r/"> </a> "); docum document.getElementById ( "fdonline"). style.display = "block"; }}} 함수 closeOnline () {document.getElementById ( "fdonline"). Style.Display = "None"; setInterval (chkswt, 30000);}; $ (function () {setInterval (showonline, 30000);});생식 이미지 :
JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Traversal 알고리즘 및 기술 요약", "JavaScript Switching 특수 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술의 요약", "JavaScript 특수 효과 및 기술의 요약"JavaScript Orcors ","Jav Script Orcors " 및 알고리즘 기술 "및"JavaScript 수학적 작동 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.