메뉴 건너뛰기

조회 수 5266 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
아래 소스는 코딩시 디자이너분들께서 작업에 약간의 변경만 주시면
사이트 속도의 증진이 가능한 소스입니다. 확인하시고 아래 스크립트목록중 가능한것으로 작업해주시
면 됩니다.
(사용하기 편한 2번추천)


1.기본적으로 쓰이는 스크립트 <>는 <>로 바꾼후 사용해주세요.
< SCRIPT>
function showlayer(no)
{
if(no==1)
{
document.all.layer1.style.display="block";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 2)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="block";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 3)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="block";
document.all.layer4.style.display="none";
document.all.layer5.style.display="none";
}
else if(no == 4)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="block";
document.all.layer5.style.display="none";
}
else if(no == 5)
{
document.all.layer1.style.display="none";
document.all.layer2.style.display="none";
document.all.layer3.style.display="none";
document.all.layer4.style.display="none";
document.all.layer5.style.display="block";

}
< /SCRIPT>

2. 같은 사용법이지만 if else 사용하여 좀더 즉시적인 처리 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
if(no==1)
{
document.all.layer1.style.display="block";
}else{
document.all.layer1.style.display="none";
}

if(no==2)
{
document.all.layer2.style.display="block";
}else{
document.all.layer2.style.display="none";
}

if(no==3)
{
document.all.layer3.style.display="block";
}else{
document.all.layer3.style.display="none";
}

if(no==4)
{
document.all.layer4.style.display="block";
}else{
document.all.layer4.style.display="none";
}

if(no==5)
{
document.all.layer5.style.display="block";
}else{
document.all.layer5.style.display="none";
}
}
< /SCRIPT>

3-1. php의 경우 for문을 이용한 최적화 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
< ?
$limit_layer="5"; // 레이어 갯수
for($i=1;$i<$limit_layer;$i++){?>
if(no==<?=$i?>)
{
document.all.layer<?=$i?>.style.display="block";
}else{
document.all.layer<?=$i?>.style.display="none";
}
< ?}?>
}
< /SCRIPT>


3-2. asp의 경우 for문을 이용한 최적화 <>는 <>로 바꾼후 사용해주세요.

<SCRIPT>
function showlayer(no)
{
< %i=1; // 시작값
limit_layer=5; // 레이어 갯수
for i to limit_layer%>
if(no==<%=i%>)
{
document.all.layer<%=i%>.style.display="block";
}else{
document.all.layer<%=i%>.style.display="none";
}
< %next%>
}
< /SCRIPT>


  1. 이클립스 실행할때 자신이 원하는 JDK 지정하는 방법

    Date2016.09.11 Views5439
    Read More
  2. 자바스크립트, javascript, 간단한 파일 확장자 검사후 retur

    Date2014.03.01 Views5434
    Read More
  3. htaccess 자동으로 만들어주는 사이트

    Date2016.09.11 Views5423
    Read More
  4. check_inputbox.js

    Date2014.03.01 Views5407
    Read More
  5. fckeditor 2.6.6 엄청 편해졌네

    Date2014.03.01 Views5403
    Read More
  6. 자바스크립트 변수,함수,객체의 표현

    Date2016.12.22 Views5369
    Read More
  7. input에 background-image 이벤트

    Date2014.03.01 Views5356
    Read More
  8. 영문, 숫자, 한글, 이메일 체크 하는 함수

    Date2014.03.01 Views5292
    Read More
  9. 디자이너를 위한 레이어 탭 더 빠르게 만들기

    Date2016.09.11 Views5266
    Read More
  10. 이미지나 태그정렬이 안맞을때 absmiddle

    Date2014.03.01 Views5238
    Read More
  11. HTML 화면을 PDF로 출력

    Date2019.01.08 Views5218
    Read More
  12. 이메일 체크하기

    Date2014.03.01 Views5205
    Read More
  13. 다음 우편번호(주소) api 예시

    Date2018.07.04 Views4905
    Read More
  14. SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.

    Date2018.07.04 Views4014
    Read More
  15. 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기

    Date2018.07.04 Views3991
    Read More
  16. 자바스크립트 배열 중복값 다루기

    Date2018.10.27 Views3898
    Read More
  17. Alert, Confirm을 모달 팝업으로 만들기

    Date2021.03.09 Views3891
    Read More
  18. utf-8일때 alert 한글 깨짐 해결

    Date2021.03.26 Views3560
    Read More
  19. 엑셀처럼 td 사이즈 조절하기

    Date2019.01.16 Views3393
    Read More
  20. JavaScript 출생년도에 따른 나이 계산 자바스크립트

    Date2018.09.28 Views3252
    Read More
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved