웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

13

조회 수 : 2547 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25





<body></body> 사이에 아래소스 삽입

<!--버튼 메뉴 스크립트 시작-->
<SCRIPT LANGUAGE="JavaScript">
<!--
var button = new Array();
var link = new Array();
var buttonWidth = new Array();
button[1] = '<a>버튼메뉴 1<a>';
buttonWidth[1] = 130; //버튼의 가로 너비(단위:픽셀)
link[1] = function () {
// 첫번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 1 끝
}

button[2] = '<a>버튼메뉴 2<a>';
buttonWidth[2] = 130;
link[2] = function () {
// 두번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 2 끝
}

button[3] = '<a>버튼메뉴 3<a>';
buttonWidth[3] = 130;
link[3] = function () {
// 세번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 3 끝
}

button[4] = '<a>버튼메뉴 4<a>';
buttonWidth[4] = 130;
link[4] = function () {
// 네번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 4 끝
}

button[5] = '<a>버튼메뉴 5<a>';
buttonWidth[5] = 130;
link[5] = function () {
// 다섯번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 5 끝
}
button[6] = '<a>버튼메뉴 6<a>';
buttonWidth[6] = 130;
link[6] = function () {
// 여섯번째 버튼 클릭시 이동할 문서의 경로 설정
window.location.href('http://backzzanggu.com');
// 버튼 6 끝
}

function alignButtons(value) {
if (button[value]) {
if (button[value].indexOf('<a>') != -1) {
document.write('<button id="b'+value+'" style="Width : '+buttonWidth[value]+'px ; Height : 22px" onClick="link['+value+']()"><font face="MS Sans Serif" size="1">'+button[value]+'</button>');
}
}
}

document.write('<script'+'>');
document.write('function myfocus(n) {');
for (a=1; a<button.length; a++) {
document.write('if (n=='+a+') {document.all.b'+a+'.focus()}');
}
document.write('}');
document.write('<'+'/script>');


//-->
</script>
<!--버튼 메뉴 스크립트 끝-->
<!--버튼 메뉴 출력 부분-->
<script>alignButtons(1)</script><br>
<script>alignButtons(2)</script><br>
<script>alignButtons(3)</script><br>
<script>alignButtons(4)</script><br>
<script>alignButtons(5)</script><br>
<script>alignButtons(6)</script>
<!--버튼 메뉴 출력 끝-->

 

버튼에 쓰일 이름과 경로는 자신에 맞게 수정

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/13982/0ae/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
186 소스 비교해 주는 사이트 title: [ani]깜빡이는 표정빽짱구 2018-10-20   211
185 웹사이트 속도 측정하고 개선해야 할부분 체크하세요. file title: [ani]깜빡이는 표정빽짱구 2018-10-19   215
184 괜찮은 구글 웹폰트 많네요. file title: [ani]깜빡이는 표정빽짱구 2018-10-23   216
183 seo 점수 알아보는 곳이라네요. title: [ani]깜빡이는 표정빽짱구 2018-10-11   224
182 페이스북 og 이미지 캐시 업데이트 title: [ani]깜빡이는 표정빽짱구 2017-07-10   264
181 카카오톡 미리보기 이미지 캐쉬 삭제 title: [ani]깜빡이는 표정빽짱구 2017-07-10   416
180 제가 쓰고 있는 플래쉬 코딩소스 title: [ani]방울UI 2012-05-09   1225
179 모바일화면 pc에서 확인하기 file title: [ani]깜빡이는 표정빽짱구 2013-12-03   2012
178 [스크랩] HTML5/CSS3 관련 팁 & 튜토리얼 title: 새싹사뎅이 2014-01-14   2067
177 best of best 휠을 움직이면 배경색이 바뀌고 클릭하면 원래색으로 title: [ani]깜빡이는 표정빽짱구 2004-02-29 27 2175
176 best of best 밑에 글 소스입니다. [1] title: [ani]깜빡이는 표정빽짱구 2004-02-22 20 2223
175 계산기 title: [ani]깜빡이는 표정빽짱구 2004-03-25 9 2241
174 자동으로 페이지 넘어가지 title: [ani]깜빡이는 표정빽짱구 2004-07-28 12 2246
173 best of best font 의 속성 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-22 28 2260
172 포인트에 따른 자동레벨변경 title: [ani]깜빡이는 표정빽짱구 2004-03-29 16 2261
171 반응형 웹 참고 사이트(미디어쿼리) file title: [ani]깜빡이는 표정빽짱구 2013-06-03   2277
170 페이지확장 시키기 title: [ani]깜빡이는 표정빽짱구 2004-08-18 11 2340
169 리눅스 [Linux] [1] title: [ani]깜빡이는 표정빽짱구 2004-02-08 13 2341
168 트래픽을 제대로 알자! [1] title: [ani]깜빡이는 표정빽짱구 2004-03-08 10 2367
167 [re] (불투명결과) [1] title: [ani]깜빡이는 표정빽짱구 2004-02-29 12 2376