메뉴 건너뛰기

조회 수 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. No Image 01Mar
    by
    2014/03/01 Views 5451 

    라디오 버튼 체크

  2. No Image 27Feb
    by
    2014/02/27 Views 6336 

    라디오 버튼 value 값 있는지 체크하기

  3. No Image 03Feb
    by
    2015/02/03 Views 6349 

    라디오 바스 체크 유무 확인

  4. No Image 17Mar
    by
    2014/03/17 Views 6270 

    따라다니는 배너

  5. No Image 11Sep
    by 조쉬
    2016/09/11 Views 5266 

    디자이너를 위한 레이어 탭 더 빠르게 만들기

  6. 드롭다운 메뉴를 만들어보자! -1탄

  7. No Image 16Jan
    by
    2019/01/16 Views 1252 

    두 날짜 사이 토일요일 개수 구하기

  8. No Image 22Dec
    by
    2016/12/22 Views 5928 

    도메인 체크

  9. No Image 20Aug
    by
    2021/08/20 Views 261 

    대소문자 변경 (대문자를 소문자로, 소문자를 대문자로)

  10. No Image 03Feb
    by
    2015/02/03 Views 6682 

    달력

  11. 다음 우편번호(주소) api 예시

  12. No Image 27Feb
    by
    2014/02/27 Views 6329 

    네이버 달력 자바스크립트 소스

  13. 날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker

  14. No Image 20Aug
    by
    2021/08/20 Views 2358 

    날짜 계산하기 (년/월/일 더하기, 빼기)

  15. No Image 20Aug
    by
    2021/08/20 Views 1544 

    날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기

  16. No Image 27Feb
    by
    2014/02/27 Views 7551 

    날짜 간의 일수 계산

  17. No Image 27Feb
    by
    2014/02/27 Views 6259 

    깔끔한 이미지로

  18. No Image 16Jan
    by
    2019/01/16 Views 1137 

    기간 설정용 달력 팁앤노하우

  19. No Image 16Jan
    by
    2019/01/16 Views 1271 

    금액에 점찍고 한글 표시하기

  20. No Image 11Sep
    by
    2016/09/11 Views 6091 

    구구단 반복문,조건문 변경해서 만들기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved