메뉴 건너뛰기

조회 수 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 16Jan
    by
    2019/01/16 Views 1252 

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

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

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

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

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

    따라다니는 배너

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

    라디오 바스 체크 유무 확인

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

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

  7. No Image 01Mar
    by
    2014/03/01 Views 5451 

    라디오 버튼 체크

  8. No Image 01Mar
    by
    2014/03/01 Views 12671 

    라디오버튼 선택 체크여부 radio checked

  9. No Image 29Apr
    by
    2019/04/29 Views 11050 

    랜덤 배너 노출 스크립트

  10. No Image 16Jan
    by
    2019/01/16 Views 1179 

    랜덤(Random) / 난수 만들기

  11. No Image 19Jun
    by
    2015/06/19 Views 8577 

    마우스 드래그, 오른쪽 팝업메뉴, 선택 막기 (IE11, 파이어폭스, 크롬 확인)

  12. No Image 12Jan
    by
    2023/01/12 Views 118 

    마우스 오른쪽버튼 , 드래그 선택 차단

  13. No Image 01Mar
    by
    2014/03/01 Views 6226 

    마우스대면 글자 없어지는 검색창

  14. No Image 03Feb
    by
    2015/02/03 Views 6530 

    마우스로 이미지크기 조절(자바스크립트)

  15. No Image 27Feb
    by
    2014/02/27 Views 7003 

    마우스를 오버해서 이미지를 확대해서 보기

  16. No Image 01Sep
    by
    2016/09/01 Views 6747 

    모바일 홈페이지로 자동 이동하는 방법....

  17. No Image 03Feb
    by
    2015/02/03 Views 5729 

    문자열 바꾸기

  18. 문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법

  19. No Image 27Feb
    by
    2014/02/27 Views 6366 

    미디어플레이어 화면크기 조절방법

  20. 바닐라 JS, ECMAScript 개념

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved