<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7930 | 9년 전 | 469 | ||
| 7929 | 9년 전 | 407 | ||
| 7928 | 9년 전 | 481 | ||
| 7927 | 9년 전 | 384 | ||
| 7926 | 9년 전 | 694 | ||
| 7925 | 9년 전 | 417 | ||
| 7924 | 9년 전 | 402 | ||
| 7923 | 9년 전 | 388 | ||
| 7922 | 9년 전 | 419 | ||
| 7921 | 9년 전 | 435 | ||
| 7920 | 9년 전 | 344 | ||
| 7919 | 9년 전 | 355 | ||
| 7918 | 9년 전 | 509 | ||
| 7917 | 9년 전 | 363 | ||
| 7916 | 9년 전 | 451 | ||
| 7915 | 9년 전 | 462 | ||
| 7914 | 9년 전 | 472 | ||
| 7913 | 9년 전 | 650 | ||
| 7912 | 9년 전 | 479 | ||
| 7911 | 9년 전 | 403 | ||
| 7910 | 9년 전 | 458 | ||
| 7909 | 9년 전 | 572 | ||
| 7908 | 9년 전 | 509 | ||
| 7907 | 9년 전 | 440 | ||
| 7906 | 9년 전 | 462 | ||
| 7905 | 9년 전 | 433 | ||
| 7904 | 9년 전 | 417 | ||
| 7903 | 9년 전 | 429 | ||
| 7902 | 9년 전 | 602 | ||
| 7901 |
 돼지코구뇽 |
9년 전 | 770 | |
| 7900 | 9년 전 | 666 | ||
| 7899 | 9년 전 | 445 | ||
| 7898 | 9년 전 | 443 | ||
| 7897 | 9년 전 | 403 | ||
| 7896 | 9년 전 | 419 | ||
| 7895 | 9년 전 | 539 | ||
| 7894 | 9년 전 | 442 | ||
| 7893 | 9년 전 | 424 | ||
| 7892 | 9년 전 | 458 | ||
| 7891 | 9년 전 | 816 | ||
| 7890 | 9년 전 | 1234 | ||
| 7889 | 9년 전 | 771 | ||
| 7888 |
limsy1987
|
9년 전 | 580 | |
| 7887 | 9년 전 | 632 | ||
| 7886 | 9년 전 | 516 | ||
| 7885 | 9년 전 | 487 | ||
| 7884 | 9년 전 | 481 | ||
| 7883 | 9년 전 | 490 | ||
| 7882 | 9년 전 | 545 | ||
| 7881 | 9년 전 | 522 | ||
| 7880 | 9년 전 | 633 | ||
| 7879 | 9년 전 | 521 | ||
| 7878 | 9년 전 | 1296 | ||
| 7877 | 9년 전 | 821 | ||
| 7876 | 9년 전 | 564 | ||
| 7875 | 9년 전 | 634 | ||
| 7874 |
 뜨거운형제들 |
9년 전 | 833 | |
| 7873 | 9년 전 | 558 | ||
| 7872 | 9년 전 | 728 | ||
| 7871 | 9년 전 | 544 | ||
| 7870 | 9년 전 | 661 | ||
| 7869 | 9년 전 | 478 | ||
| 7868 | 9년 전 | 519 | ||
| 7867 | 10년 전 | 528 | ||
| 7866 | 10년 전 | 582 | ||
| 7865 | 10년 전 | 529 | ||
| 7864 | 10년 전 | 583 | ||
| 7863 | 10년 전 | 575 | ||
| 7862 | 10년 전 | 538 | ||
| 7861 | 10년 전 | 707 | ||
| 7860 | 10년 전 | 689 | ||
| 7859 | 10년 전 | 457 | ||
| 7858 | 10년 전 | 774 | ||
| 7857 | 10년 전 | 1159 | ||
| 7856 | 10년 전 | 583 | ||
| 7855 | 10년 전 | 820 | ||
| 7854 | 10년 전 | 756 | ||
| 7853 | 10년 전 | 656 | ||
| 7852 | 10년 전 | 577 | ||
| 7851 | 10년 전 | 583 | ||
| 7850 | 10년 전 | 651 | ||
| 7849 | 10년 전 | 415 | ||
| 7848 | 10년 전 | 483 | ||
| 7847 | 10년 전 | 730 | ||
| 7846 | 10년 전 | 507 | ||
| 7845 | 10년 전 | 489 | ||
| 7844 | 10년 전 | 452 | ||
| 7843 | 10년 전 | 488 | ||
| 7842 | 10년 전 | 470 | ||
| 7841 | 10년 전 | 437 | ||
| 7840 | 10년 전 | 454 | ||
| 7839 | 10년 전 | 513 | ||
| 7838 | 10년 전 | 561 | ||
| 7837 | 10년 전 | 394 | ||
| 7836 | 10년 전 | 447 | ||
| 7835 | 10년 전 | 530 | ||
| 7834 |
 ABC디자인 |
10년 전 | 1230 | |
| 7833 | 10년 전 | 496 | ||
| 7832 | 10년 전 | 469 | ||
| 7831 | 10년 전 | 636 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기