<html>
<head>
<title>버튼에 여러가지 스타일 주기</title>
<script language="JavaScript">
<!-- 버튼에 여러가지 효과 주기
/***************************************************************************/
/****************** 같은 스타일의 버튼 여러곳에 사용시 *******************/
/***************************************************************************/
//태그에 버튼 id는 이름을 통일하고 뒤에 번호만 추가(매개변수 추가)
//input type=button id=sbt1 value="Button" onMouseOver="BSlide('Hide',50,1)
//input type=button id=sbt2 value="Button" onMouseOver="BSlide('Push',50,2)
//스크립트에서는 아래와 같이 idno 추가 공통된 이름(sbt)에 번호를 더해줍니다
//function BSlide(sv, ssv, idno) {
//BT = eval("sbt" + idno);
//BT.filters.item(0).apply();
//BT.filters.item(0).slidestyle = sv;
//BT.filters.item(0).bands = ssv;
//BT.filters.item(0).play();
//}
/***************************************************************************/
function BSlide(sv, ssv) {
BT.filters.item(0).apply();
BT.filters.item(0).slidestyle = sv; //슬라이드 종류
BT.filters.item(0).bands = ssv; //슬라이드 크기
BT.filters.item(0).play();
}
function Biris(ikv, dkv) {
IBT.filters.item(0).apply();
IBT.filters.item(0).irisstyle = ikv; //Iris 종류
IBT.filters.item(0).motion = dkv; //외부 또는 내부
IBT.filters.item(0).play();
}
function BWheel(wsv) {
WBT.filters.item(0).apply();
WBT.filters.item(0).spokes = wsv; //휠의 분할 크기
WBT.filters.item(0).play();
}
function BST(skv) {
SBT.filters.item(0).apply();
SBT.filters.item(0).stretchstyle = skv; //Stretch 종류
SBT.filters.item(0).play();
}
//스크립트 끝-->
</script>
<style type="text/css">
<!--
TD, INPUT {font-size: 12px}
INPUT {width: 150; height: 25; cursor: hand}
#BT {filter: progid:DXImageTransform.Microsoft.Slide()}
#IBT {filter: progid:DXImageTransform.Microsoft.Iris()}
#WBT {filter: progid:DXImageTransform.Microsoft.Wheel()}
#SBT {filter: progid:DXImageTransform.Microsoft.Stretch()}
-->
</style>
</head>
<body>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',크기,id번호)추가-->
<input type=button id=BT value="Button" onMouseOver="BSlide('Hide',50);style.backgroundColor='hotpink';this.value='버튼'" onMouseOut="BSlide('Hide',50);style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',방향,id번호)추가-->
<input type=button id=IBT value="Button" onMouseOver="Biris('Circle','In');style.backgroundColor='#DC143C';this.value='서클'" onMouseOut="Biris('Circle','Out');style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 (크기,id번호)추가-->
<input type=button id=WBT value="Button" onMouseOver="BWheel(2);style.backgroundColor='#FFCC00';this.value='휠'" onMouseOut="BWheel(2);style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',id번호)추가-->
<input type=button id=SBT value="Button" onMouseOver="BST('Hide');style.backgroundColor='#1E90FF';this.value='스트레치'" onMouseOut="BST('Hide');style.backgroundColor='';this.value='Button'">
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<head>
<title>버튼에 여러가지 스타일 주기</title>
<script language="JavaScript">
<!-- 버튼에 여러가지 효과 주기
/***************************************************************************/
/****************** 같은 스타일의 버튼 여러곳에 사용시 *******************/
/***************************************************************************/
//태그에 버튼 id는 이름을 통일하고 뒤에 번호만 추가(매개변수 추가)
//input type=button id=sbt1 value="Button" onMouseOver="BSlide('Hide',50,1)
//input type=button id=sbt2 value="Button" onMouseOver="BSlide('Push',50,2)
//스크립트에서는 아래와 같이 idno 추가 공통된 이름(sbt)에 번호를 더해줍니다
//function BSlide(sv, ssv, idno) {
//BT = eval("sbt" + idno);
//BT.filters.item(0).apply();
//BT.filters.item(0).slidestyle = sv;
//BT.filters.item(0).bands = ssv;
//BT.filters.item(0).play();
//}
/***************************************************************************/
function BSlide(sv, ssv) {
BT.filters.item(0).apply();
BT.filters.item(0).slidestyle = sv; //슬라이드 종류
BT.filters.item(0).bands = ssv; //슬라이드 크기
BT.filters.item(0).play();
}
function Biris(ikv, dkv) {
IBT.filters.item(0).apply();
IBT.filters.item(0).irisstyle = ikv; //Iris 종류
IBT.filters.item(0).motion = dkv; //외부 또는 내부
IBT.filters.item(0).play();
}
function BWheel(wsv) {
WBT.filters.item(0).apply();
WBT.filters.item(0).spokes = wsv; //휠의 분할 크기
WBT.filters.item(0).play();
}
function BST(skv) {
SBT.filters.item(0).apply();
SBT.filters.item(0).stretchstyle = skv; //Stretch 종류
SBT.filters.item(0).play();
}
//스크립트 끝-->
</script>
<style type="text/css">
<!--
TD, INPUT {font-size: 12px}
INPUT {width: 150; height: 25; cursor: hand}
#BT {filter: progid:DXImageTransform.Microsoft.Slide()}
#IBT {filter: progid:DXImageTransform.Microsoft.Iris()}
#WBT {filter: progid:DXImageTransform.Microsoft.Wheel()}
#SBT {filter: progid:DXImageTransform.Microsoft.Stretch()}
-->
</style>
</head>
<body>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',크기,id번호)추가-->
<input type=button id=BT value="Button" onMouseOver="BSlide('Hide',50);style.backgroundColor='hotpink';this.value='버튼'" onMouseOut="BSlide('Hide',50);style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',방향,id번호)추가-->
<input type=button id=IBT value="Button" onMouseOver="Biris('Circle','In');style.backgroundColor='#DC143C';this.value='서클'" onMouseOut="Biris('Circle','Out');style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 (크기,id번호)추가-->
<input type=button id=WBT value="Button" onMouseOver="BWheel(2);style.backgroundColor='#FFCC00';this.value='휠'" onMouseOut="BWheel(2);style.backgroundColor='';this.value='Button'"><br><br>
<!--같은 스타일에 버튼을 여러개 사용 할때에는 ('종류',id번호)추가-->
<input type=button id=SBT value="Button" onMouseOver="BST('Hide');style.backgroundColor='#1E90FF';this.value='스트레치'" onMouseOut="BST('Hide');style.backgroundColor='';this.value='Button'">
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7530 | 10년 전 | 745 | ||
| 7529 |
파랑새1597
|
10년 전 | 1186 | |
| 7528 |
파랑새1597
|
10년 전 | 1279 | |
| 7527 |
integrity7
|
10년 전 | 1363 | |
| 7526 | 10년 전 | 2395 | ||
| 7525 |
다빈치코드777
|
10년 전 | 1083 | |
| 7524 | 10년 전 | 1550 | ||
| 7523 | 10년 전 | 952 | ||
| 7522 |
|
10년 전 | 972 | |
| 7521 |
blackkil
|
10년 전 | 1845 | |
| 7520 | 10년 전 | 1263 | ||
| 7519 |
Gaumi
|
10년 전 | 1063 | |
| 7518 | 10년 전 | 1469 | ||
| 7517 | 10년 전 | 806 | ||
| 7516 | 10년 전 | 1266 | ||
| 7515 | 10년 전 | 1390 | ||
| 7514 |
|
10년 전 | 4477 | |
| 7513 |
멋진남자임
|
10년 전 | 1126 | |
| 7512 |
다빈치코드777
|
10년 전 | 855 | |
| 7511 |
|
10년 전 | 3380 | |
| 7510 | 10년 전 | 1346 | ||
| 7509 | 10년 전 | 1119 | ||
| 7508 | 10년 전 | 702 | ||
| 7507 |
senseme
|
10년 전 | 720 | |
| 7506 |
멋진남자임
|
10년 전 | 1618 | |
| 7505 | 10년 전 | 3977 | ||
| 7504 | 10년 전 | 2133 | ||
| 7503 | 10년 전 | 982 | ||
| 7502 | 10년 전 | 510 | ||
| 7501 | 10년 전 | 1430 | ||
| 7500 | 10년 전 | 1471 | ||
| 7499 | 10년 전 | 3357 | ||
| 7498 | 10년 전 | 1168 | ||
| 7497 |
dethos79
|
10년 전 | 2950 | |
| 7496 | 10년 전 | 2115 | ||
| 7495 | 10년 전 | 818 | ||
| 7494 |
CHAVO
|
10년 전 | 1100 | |
| 7493 | 10년 전 | 2625 | ||
| 7492 | 10년 전 | 1214 | ||
| 7491 | 10년 전 | 1433 | ||
| 7490 | 10년 전 | 2315 | ||
| 7489 | 10년 전 | 2104 | ||
| 7488 |
toptopon
|
10년 전 | 872 | |
| 7487 |
|
10년 전 | 1015 | |
| 7486 | 10년 전 | 3336 | ||
| 7485 | 10년 전 | 1295 | ||
| 7484 | 10년 전 | 1355 | ||
| 7483 | 10년 전 | 1011 | ||
| 7482 | 10년 전 | 640 | ||
| 7481 | 10년 전 | 852 | ||
| 7480 | 10년 전 | 1211 | ||
| 7479 | 10년 전 | 2586 | ||
| 7478 | 10년 전 | 1132 | ||
| 7477 |
멋진남자임
|
10년 전 | 1481 | |
| 7476 |
zeppeto
|
10년 전 | 1132 | |
| 7475 |
200점아빠
|
10년 전 | 906 | |
| 7474 | 10년 전 | 3995 | ||
| 7473 | 10년 전 | 972 | ||
| 7472 |
나르시스1
|
10년 전 | 1213 | |
| 7471 | 10년 전 | 867 | ||
| 7470 | 10년 전 | 1258 | ||
| 7469 |
플라이SINJI
|
10년 전 | 936 | |
| 7468 |
|
10년 전 | 520 | |
| 7467 |
|
10년 전 | 634 | |
| 7466 | 10년 전 | 1097 | ||
| 7465 | 10년 전 | 1164 | ||
| 7464 |
|
10년 전 | 1173 | |
| 7463 | 10년 전 | 1222 | ||
| 7462 |
진짜별사탕
|
10년 전 | 836 | |
| 7461 | 10년 전 | 923 | ||
| 7460 | 10년 전 | 3706 | ||
| 7459 |
멋진남자임
|
10년 전 | 1537 | |
| 7458 |
멋진남자임
|
10년 전 | 474 | |
| 7457 | 10년 전 | 907 | ||
| 7456 | 10년 전 | 748 | ||
| 7455 | 10년 전 | 2128 | ||
| 7454 | 10년 전 | 619 | ||
| 7453 | 10년 전 | 804 | ||
| 7452 |
중국어사이트제작
|
10년 전 | 499 | |
| 7451 | 10년 전 | 893 | ||
| 7450 | 10년 전 | 616 | ||
| 7449 |
울라라라우
|
10년 전 | 926 | |
| 7448 | 10년 전 | 1624 | ||
| 7447 |
멋진남자임
|
10년 전 | 481 | |
| 7446 | 10년 전 | 528 | ||
| 7445 |
네이비칼라
|
10년 전 | 1649 | |
| 7444 |
senseme
|
10년 전 | 1389 | |
| 7443 | 10년 전 | 1321 | ||
| 7442 | 10년 전 | 702 | ||
| 7441 |
멋진남자임
|
10년 전 | 1420 | |
| 7440 | 10년 전 | 879 | ||
| 7439 |
|
10년 전 | 735 | |
| 7438 |
|
10년 전 | 912 | |
| 7437 |
basement
|
10년 전 | 1021 | |
| 7436 |
잘살아보자
|
10년 전 | 1106 | |
| 7435 | 10년 전 | 1056 | ||
| 7434 | 10년 전 | 3778 | ||
| 7433 |
|
10년 전 | 2716 | |
| 7432 |
alexkim
|
10년 전 | 846 | |
| 7431 |
이웃집초보
|
10년 전 | 1294 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기