글 수 109
미리보기 : |
---|
탭메뉴 소스입니다. 작은 공간안에서 유용하게 사용되죠.
먼저 head와 /head 사이에 아래 스크립늗 삽입합니다.
<script type="text/javascript">
<!--
var imagesA = [
"images/tab_menu01.gif",
"images/tab_menu02.gif",
"images/tab_menu03.gif",
"images/tab_menu04.gif",
];
var imagesB = [
"images/tab_menu01_a.gif",
"images/tab_menu02_a.gif",
"images/tab_menu03_a.gif",
"images/tab_menu04_a.gif",
];
function clickview(num,size) {
for (i=0;i<size;i++)
{
menu=eval("document.all.answer"+i+".style");
if (num==i) {
eval("document.images.img0"+(i+1)).src=imagesB[i];
menu.display="block";
}else{
eval("document.images.img0"+(i+1)).src=imagesA[i];
menu.display="none";
}
}
}
//-->
</script>
두번째로 클릭할 버튼이나 텍스트에 아래소스 형식으로 적습니다.
<a href="javascript:clickview('0','4');">테스트나 이미지</a> 여기에서 0.4 <==는 0은 맨처음 보일 메뉴 4는 메뉴수 입니다.
마지막으로 클릭해서 보일페이지를 위에 형식에 맞게 <SPAN id=answer0 style="DISPLAY: block">처음보일페이지</span> 이고 두번째로 보일 페이지부터는 <SPAN id=answer1 style="DISPLAY: none">두번째 내용,세번째내용....</span>
이런식으로 하시면 되겠습니다. 제홈메인에 탭방식과 비슷한 형식입니다.
먼저 head와 /head 사이에 아래 스크립늗 삽입합니다.
<script type="text/javascript">
<!--
var imagesA = [
"images/tab_menu01.gif",
"images/tab_menu02.gif",
"images/tab_menu03.gif",
"images/tab_menu04.gif",
];
var imagesB = [
"images/tab_menu01_a.gif",
"images/tab_menu02_a.gif",
"images/tab_menu03_a.gif",
"images/tab_menu04_a.gif",
];
function clickview(num,size) {
for (i=0;i<size;i++)
{
menu=eval("document.all.answer"+i+".style");
if (num==i) {
eval("document.images.img0"+(i+1)).src=imagesB[i];
menu.display="block";
}else{
eval("document.images.img0"+(i+1)).src=imagesA[i];
menu.display="none";
}
}
}
//-->
</script>
두번째로 클릭할 버튼이나 텍스트에 아래소스 형식으로 적습니다.
<a href="javascript:clickview('0','4');">테스트나 이미지</a> 여기에서 0.4 <==는 0은 맨처음 보일 메뉴 4는 메뉴수 입니다.
마지막으로 클릭해서 보일페이지를 위에 형식에 맞게 <SPAN id=answer0 style="DISPLAY: block">처음보일페이지</span> 이고 두번째로 보일 페이지부터는 <SPAN id=answer1 style="DISPLAY: none">두번째 내용,세번째내용....</span>
이런식으로 하시면 되겠습니다. 제홈메인에 탭방식과 비슷한 형식입니다.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!