자바 스크립트 슬라이드 확장/축소 광고 코드

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 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 >

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.