최근 업데이트:2017-08-24
출처: 인터넷
작성자: 사용자
키워드:
웹 페이지 제작
Ajax
자바 스크립트
<! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1 transitional.dtd "> < html xmlns = "http://www.w3.org/1999/xhtml" lang "gb2312" = > < 머리 > < 제목 > 코드 예제: 확장/수축 광고 슬라이딩 < / 타이틀 > < 메타 http-equiv = "콘텐츠 형식 콘텐츠 =" text/html; charset = gb2312 "/ > < 메타 이름 = "키워드" 내용 = "코드 인스턴스: 확장/축소 광고 슬라이드" / > < 스크립트 유형 = "텍스트/자바 스크립트" > intervalid var = null; 함수 Slidead (id, nstaytime, sstate, nmaxhth, nminhth) { staytime = nstaytime * 1000 | | 3000; Maxheigth nmaxhth = | | 90. Minheigth nminhth = | | 1; 상태 sstate = | | "아래로"; var obj = document.getElementById (ID); 경우 (intervalid! = null) window.clearinterval (intervalid); 함수 OpenBox () { var h = obj.offsetheight; Obj.style.height = (상태 = "아래로")? (H + 2): (h-2)) + "px"; 경우 (obj.offsetheight > maxheigth) { Window.clearinterval (intervalid); Intervalid=window.setinterval (closebox, staytime); } 경우 (obj.offsetheight < minheigth) { Window.clearinterval (intervalid); obj.style.display= "없음"; } } 함수 CloseBox () { Slidead (Id, staytime, "최대", nmaxhth, nminhth); } intervalid = Window.setinterval (openbox, 10); } < / 스크립트 > < / 헤드 > < 바디 스타일 = "여백: 0; PADDING: 0; 글꼴-크기: 14PX;" > < div id = "Mymovead" 스타일 = "배경: #ff0 높이: 12px; 오버플로우: 숨겨진;" > < ul > < 리 > www.jzread.com</li> < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < 리 > 여기는 광고 < /li > 의 내용을 < /ul > < / div > < P > 코드 인스턴스: < 강한 > 확장/축소 광고를 슬라이딩 < / 강한 > 하시기 바랍니다 페이지를 새로 고침 하 고 데모는 다시 < 스크립트 유형 = "텍스트/자바 스크립트" > <! slidead ('Mymovead', 2); -> 는 < / 스크립트 > < / 바디 > < / html >