메뉴 건너뛰기

조회 수 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>


List of Articles
번호 제목 날짜 조회 수
207 [INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다 2017.02.19 8526
206 Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성 file 2015.06.19 8523
205 페이지 로드 할때 컨트롤에 포커스 주기 2015.02.03 8500
204 [단축키 설정 자바스크립트]shortcut.js 2016.12.22 8375
203 2단계 트리메뉴 마우스오버(mouseover), 온포커스(onfocus) 구현 2015.04.06 8203
202 드롭다운 메뉴를 만들어보자! -1탄 file 2015.02.03 8168
201 setTimeout() / clearTimeout() / setInterval() 2016.12.22 8162
200 브라우저별 이미지 크기 변경 file 2016.11.17 7928
199 복사방지+드래그금지+마우스우클릭 금지 2016.12.22 7909
198 정규식을 이용한 실시간 콤마(comma) 넣기 2015.06.19 7876
197 [라디오버튼 오류 체크] 간단한 문제 예제 file 2015.06.19 7712
196 양력-음력 2015.02.03 7661
195 날짜 간의 일수 계산 2014.02.27 7551
194 'checkbox', 체크박스 모두체크 그리고 모두해제! file 2015.02.03 7492
193 체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기 2014.03.01 7458
192 [jQuery] textarea 글자수 카운트 2014.03.01 7420
191 response.setHeader 2016.12.22 7358
190 'blur', 이미지 클릭시 테두리를 없애자! file 2015.02.03 7353
189 'opener', 부모창과 자식창의 텍스트를 교환하자! file 2015.02.03 7308
188 창에 대한 정보얻기 (창 크기, 창 위치) file 2015.06.19 7297
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved