<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> jasko sample script </title>
<!---- [1단계] 아래 코드를 <HEAD> 와 </HEAD> 태그 사이에 붙여 넣으세요 --->
<style>
#view{
border: 1px solid silver;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
#select_bar{
border: 0px;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
</style>
<!------------------------- 여기까지 ------------------------------------>
</head>
<body>
<!---- [2단계] 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->
<!-------- 메뉴를 열고닫는 토글 버튼 레이어 입니다. ------->
<div id="select_bar"><a href="#" onClick="moveOnMenu();moveOffselector()"><b>메뉴 열기</b></a></div>
<!-------- 부메뉴를 설정하는 곳입니다 ------->
<div id="view">
<center>
<a href="#" onClick="moveOffMenu();moveOnselector()"><b>메뉴 닫기</b></a></center>
<table border="0" cellspacing="1" width="140" bgcolor="silver" style="font-size:12px">
<tr bgColor=white>
<td>
<p><a href="#">자바스크립트</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">야후! 코리아</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">네이버 홈페이지</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">드림위버 홈</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">다음 커뮤니케이션</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">엠파스</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">라이코스 코리아</a></p>
</td>
</tr>
</table>
</div>
<!------------------------- 여기까지 ------------------------------------>
<script language="javascript">
<!--
// 초기에 부메뉴를 보이게 할지 여부를 설정 합니다(yes/no)
Show ="no";
var OffX = -180;
// 메뉴의 위치를 설정 합니다
var PosX = 500; // 왼쪽에서 10픽셀
var PosY = 10; // 위에서 10픽셀 떨어진 곳에 메뉴가 보입니다
var speed = 1;
var increment = 20; // 속도를 조절하실 수 있습니다
var incrementNS4 = 5; // 네스케이프용 속도조절 기능입니다
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;
var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;
if (Show == "yes") {
sPosX = OffX;
sOffX = PosX;
MenuX = sOffX;
SelX = sPosX;
}
if (is_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
eval(Lq+'select_bar'+Sq+'.left=sPosX');
eval(Lq+'view'+Sq+'.left=sOffX');
eval(Lq+'select_bar'+Sq+'.top=PosY');
eval(Lq+'view'+Sq+'.top=PosY');
} else {
Lq = "document.all.";
Sq = ".style";
document.getElementById('select_bar').style.left = sPosX+"px";
document.getElementById('view').style.left = sOffX+"px";
document.getElementById('select_bar').style.top = PosY+"px";
document.getElementById('view').style.top = PosY+"px";
}
function moveOnMenu() {
if (MenuX < PosX) {
MenuX = MenuX + increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}
function moveOffMenu() {
if (MenuX > OffX) {
MenuX = MenuX - increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}
function moveOffselector() {
if (SelX > OffX) {
SelX = SelX - increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOffselector()',speed);
}
}
function moveOnselector() {
if (SelX < PosX) {
SelX = SelX + increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOnselector()',speed);
}
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> jasko sample script </title>
<!---- [1단계] 아래 코드를 <HEAD> 와 </HEAD> 태그 사이에 붙여 넣으세요 --->
<style>
#view{
border: 1px solid silver;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
#select_bar{
border: 0px;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
</style>
<!------------------------- 여기까지 ------------------------------------>
</head>
<body>
<!---- [2단계] 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->
<!-------- 메뉴를 열고닫는 토글 버튼 레이어 입니다. ------->
<div id="select_bar"><a href="#" onClick="moveOnMenu();moveOffselector()"><b>메뉴 열기</b></a></div>
<!-------- 부메뉴를 설정하는 곳입니다 ------->
<div id="view">
<center>
<a href="#" onClick="moveOffMenu();moveOnselector()"><b>메뉴 닫기</b></a></center>
<table border="0" cellspacing="1" width="140" bgcolor="silver" style="font-size:12px">
<tr bgColor=white>
<td>
<p><a href="#">자바스크립트</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">야후! 코리아</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">네이버 홈페이지</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">드림위버 홈</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">다음 커뮤니케이션</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">엠파스</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">라이코스 코리아</a></p>
</td>
</tr>
</table>
</div>
<!------------------------- 여기까지 ------------------------------------>
<script language="javascript">
<!--
// 초기에 부메뉴를 보이게 할지 여부를 설정 합니다(yes/no)
Show ="no";
var OffX = -180;
// 메뉴의 위치를 설정 합니다
var PosX = 500; // 왼쪽에서 10픽셀
var PosY = 10; // 위에서 10픽셀 떨어진 곳에 메뉴가 보입니다
var speed = 1;
var increment = 20; // 속도를 조절하실 수 있습니다
var incrementNS4 = 5; // 네스케이프용 속도조절 기능입니다
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;
var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;
if (Show == "yes") {
sPosX = OffX;
sOffX = PosX;
MenuX = sOffX;
SelX = sPosX;
}
if (is_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
eval(Lq+'select_bar'+Sq+'.left=sPosX');
eval(Lq+'view'+Sq+'.left=sOffX');
eval(Lq+'select_bar'+Sq+'.top=PosY');
eval(Lq+'view'+Sq+'.top=PosY');
} else {
Lq = "document.all.";
Sq = ".style";
document.getElementById('select_bar').style.left = sPosX+"px";
document.getElementById('view').style.left = sOffX+"px";
document.getElementById('select_bar').style.top = PosY+"px";
document.getElementById('view').style.top = PosY+"px";
}
function moveOnMenu() {
if (MenuX < PosX) {
MenuX = MenuX + increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}
function moveOffMenu() {
if (MenuX > OffX) {
MenuX = MenuX - increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}
function moveOffselector() {
if (SelX > OffX) {
SelX = SelX - increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOffselector()',speed);
}
}
function moveOnselector() {
if (SelX < PosX) {
SelX = SelX + increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOnselector()',speed);
}
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 530 |
 Elbis |
19년 전 | 1248 | |
| 529 |
Elbis |
19년 전 | 1436 | |
| 528 |
Elbis |
19년 전 | 1988 | |
| 527 |
사랑과우정
|
19년 전 | 2399 | |
| 526 | 19년 전 | 2881 | ||
| 525 |
 ⓦangcho |
19년 전 | 2314 | |
| 524 |
 damoa.biz |
19년 전 | 1820 | |
| 523 | 19년 전 | 7066 | ||
| 522 |
ⓦangcho |
19년 전 | 3746 | |
| 521 | 19년 전 | 2361 | ||
| 520 | 19년 전 | 2413 | ||
| 519 | 19년 전 | 2918 | ||
| 518 |
 jepae |
19년 전 | 5809 | |
| 517 |
jepae |
19년 전 | 5576 | |
| 516 |
jepae |
19년 전 | 2283 | |
| 515 |
jepae |
19년 전 | 3327 | |
| 514 | 19년 전 | 2883 | ||
| 513 | 19년 전 | 2235 | ||
| 512 |
개발자관리자
|
19년 전 | 2744 | |
| 511 |
개발자관리자
|
19년 전 | 1600 | |
| 510 |
개발자관리자
|
19년 전 | 1765 | |
| 509 |
개발자관리자
|
19년 전 | 1877 | |
| 508 |
개발자관리자
|
19년 전 | 2022 | |
| 507 |
개발자관리자
|
19년 전 | 1702 | |
| 506 |
개발자관리자
|
19년 전 | 1828 | |
| 505 |
개발자관리자
|
19년 전 | 1793 | |
| 504 |
개발자관리자
|
19년 전 | 1870 | |
| 503 |
개발자관리자
|
19년 전 | 1532 | |
| 502 |
개발자관리자
|
19년 전 | 2673 | |
| 501 | 19년 전 | 2022 | ||
| 500 | 19년 전 | 3251 | ||
| 499 | 19년 전 | 3279 | ||
| 498 | 19년 전 | 2540 | ||
| 497 | 19년 전 | 2613 | ||
| 496 | 19년 전 | 2467 | ||
| 495 | 19년 전 | 2712 | ||
| 494 | 19년 전 | 2691 | ||
| 493 | 19년 전 | 3205 | ||
| 492 | 19년 전 | 2918 | ||
| 491 | 19년 전 | 5342 | ||
| 490 |
Wangcho |
19년 전 | 2140 | |
| 489 |
Wangcho |
19년 전 | 2226 | |
| 488 |
Wangcho |
19년 전 | 2031 | |
| 487 |
Wangcho |
19년 전 | 1959 | |
| 486 |
Wangcho |
19년 전 | 1962 | |
| 485 |
Wangcho |
19년 전 | 2168 | |
| 484 |
뜨락의이름 |
19년 전 | 3233 | |
| 483 |
뜨락의이름 |
19년 전 | 3118 | |
| 482 |
뜨락의이름 |
19년 전 | 2873 | |
| 481 |
뜨락의이름 |
19년 전 | 2575 | |
| 480 |
뜨락의이름 |
19년 전 | 2647 | |
| 479 |
뜨락의이름 |
19년 전 | 2322 | |
| 478 |
뜨락의이름 |
19년 전 | 2350 | |
| 477 |
개발자관리자
|
19년 전 | 1612 | |
| 476 |
개발자관리자
|
19년 전 | 2322 | |
| 475 |
개발자관리자
|
19년 전 | 2674 | |
| 474 |
개발자관리자
|
19년 전 | 2676 | |
| 473 |
개발자관리자
|
19년 전 | 2990 | |
| 472 | 19년 전 | 2756 | ||
| 471 | 19년 전 | 1755 | ||
| 470 | 19년 전 | 1850 | ||
| 469 |
뜨락의이름 |
19년 전 | 2756 | |
| 468 |
jepae |
19년 전 | 2242 | |
| 467 |
뜨락의이름 |
19년 전 | 4014 | |
| 466 |
뜨락의이름 |
19년 전 | 2535 | |
| 465 | 19년 전 | 2397 | ||
| 464 | 19년 전 | 3544 | ||
| 463 |
뜨락의이름 |
19년 전 | 3117 | |
| 462 |
뜨락의이름 |
19년 전 | 2260 | |
| 461 |
뜨락의이름 |
19년 전 | 3058 | |
| 460 |
뜨락의이름 |
19년 전 | 2261 | |
| 459 |
뜨락의이름 |
19년 전 | 3136 | |
| 458 |
뜨락의이름 |
19년 전 | 3556 | |
| 457 |
뜨락의이름 |
19년 전 | 5229 | |
| 456 |
뜨락의이름 |
19년 전 | 3152 | |
| 455 |
스마일미디어
|
19년 전 | 3144 | |
| 454 |
스마일미디어
|
19년 전 | 2744 | |
| 453 |
스마일미디어
|
19년 전 | 2485 | |
| 452 |
스마일미디어
|
19년 전 | 2741 | |
| 451 |
스마일미디어
|
19년 전 | 2461 | |
| 450 |
스마일미디어
|
19년 전 | 2590 | |
| 449 |
스마일미디어
|
19년 전 | 2379 | |
| 448 |
스마일미디어
|
19년 전 | 2703 | |
| 447 | 19년 전 | 2970 | ||
| 446 |
스마일미디어
|
19년 전 | 3254 | |
| 445 |
스마일미디어
|
19년 전 | 7058 | |
| 444 |
스마일미디어
|
19년 전 | 5176 | |
| 443 |
스마일미디어
|
19년 전 | 2443 | |
| 442 |
스마일미디어
|
19년 전 | 5186 | |
| 441 |
스마일미디어
|
19년 전 | 3120 | |
| 440 |
damoa.biz |
19년 전 | 2488 | |
| 439 | 19년 전 | 2180 | ||
| 438 | 19년 전 | 3578 | ||
| 437 |
 imgstory |
19년 전 | 2875 | |
| 436 |
 cunic |
19년 전 | 3259 | |
| 435 |
cunic |
19년 전 | 2903 | |
| 434 | 19년 전 | 3399 | ||
| 433 |
sjsjin
|
19년 전 | 2732 | |
| 432 |
sjsjin
|
19년 전 | 3467 | |
| 431 |
sjsjin
|
19년 전 | 2434 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기