<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 830 |
|
19년 전 | 2204 | |
| 829 |
|
19년 전 | 1948 | |
| 828 |
|
19년 전 | 1829 | |
| 827 |
|
19년 전 | 1664 | |
| 826 |
|
19년 전 | 1862 | |
| 825 |
|
19년 전 | 1912 | |
| 824 |
|
19년 전 | 1965 | |
| 823 |
|
19년 전 | 2702 | |
| 822 |
|
19년 전 | 5339 | |
| 821 |
|
19년 전 | 1736 | |
| 820 |
|
19년 전 | 1592 | |
| 819 |
|
19년 전 | 1455 | |
| 818 |
|
19년 전 | 1617 | |
| 817 |
|
19년 전 | 1539 | |
| 816 |
|
19년 전 | 1462 | |
| 815 |
|
19년 전 | 1472 | |
| 814 |
|
19년 전 | 1392 | |
| 813 |
|
19년 전 | 1462 | |
| 812 | 19년 전 | 2836 | ||
| 811 |
pearly
|
19년 전 | 3851 | |
| 810 |
pearly
|
19년 전 | 5232 | |
| 809 |
|
19년 전 | 1393 | |
| 808 |
pearly
|
19년 전 | 4549 | |
| 807 | 19년 전 | 2992 | ||
| 806 |
|
19년 전 | 1513 | |
| 805 |
|
19년 전 | 2704 | |
| 804 |
|
19년 전 | 3634 | |
| 803 |
|
19년 전 | 1823 | |
| 802 |
|
19년 전 | 3800 | |
| 801 |
|
19년 전 | 1895 | |
| 800 | 19년 전 | 3781 | ||
| 799 | 19년 전 | 3450 | ||
| 798 | 19년 전 | 4216 | ||
| 797 | 19년 전 | 4088 | ||
| 796 |
|
19년 전 | 1905 | |
| 795 |
|
19년 전 | 1866 | |
| 794 | 19년 전 | 4288 | ||
| 793 | 19년 전 | 2682 | ||
| 792 | 19년 전 | 2557 | ||
| 791 | 19년 전 | 2417 | ||
| 790 | 19년 전 | 1995 | ||
| 789 | 19년 전 | 2602 | ||
| 788 | 19년 전 | 2221 | ||
| 787 | 19년 전 | 1862 | ||
| 786 | 19년 전 | 1983 | ||
| 785 | 19년 전 | 1460 | ||
| 784 |
|
19년 전 | 1706 | |
| 783 | 19년 전 | 2854 | ||
| 782 |
|
19년 전 | 1975 | |
| 781 | 19년 전 | 3266 | ||
| 780 | 19년 전 | 3176 | ||
| 779 |
|
19년 전 | 2260 | |
| 778 |
|
19년 전 | 1812 | |
| 777 | 19년 전 | 2856 | ||
| 776 | 19년 전 | 2921 | ||
| 775 | 19년 전 | 4036 | ||
| 774 |
|
19년 전 | 2002 | |
| 773 | 19년 전 | 2637 | ||
| 772 | 19년 전 | 2354 | ||
| 771 | 19년 전 | 3483 | ||
| 770 |
|
19년 전 | 1452 | |
| 769 | 19년 전 | 1519 | ||
| 768 | 19년 전 | 1789 | ||
| 767 | 19년 전 | 2212 | ||
| 766 | 19년 전 | 1845 | ||
| 765 | 19년 전 | 1705 | ||
| 764 |
|
19년 전 | 2129 | |
| 763 |
|
19년 전 | 2237 | |
| 762 |
|
19년 전 | 4972 | |
| 761 | 19년 전 | 2343 | ||
| 760 |
|
19년 전 | 3204 | |
| 759 | 19년 전 | 2654 | ||
| 758 |
|
19년 전 | 2416 | |
| 757 | 19년 전 | 4713 | ||
| 756 | 19년 전 | 2584 | ||
| 755 |
|
19년 전 | 2428 | |
| 754 |
|
19년 전 | 1977 | |
| 753 |
|
19년 전 | 1760 | |
| 752 |
pearly
|
19년 전 | 3383 | |
| 751 | 19년 전 | 2360 | ||
| 750 |
|
19년 전 | 6175 | |
| 749 | 19년 전 | 2050 | ||
| 748 |
|
19년 전 | 1921 | |
| 747 |
|
19년 전 | 2720 | |
| 746 |
|
19년 전 | 1830 | |
| 745 | 19년 전 | 2291 | ||
| 744 | 19년 전 | 2127 | ||
| 743 |
|
19년 전 | 3584 | |
| 742 | 19년 전 | 2596 | ||
| 741 | 19년 전 | 2757 | ||
| 740 |
|
19년 전 | 4384 | |
| 739 | 19년 전 | 3562 | ||
| 738 |
|
19년 전 | 2317 | |
| 737 | 19년 전 | 4328 | ||
| 736 | 19년 전 | 3288 | ||
| 735 |
홀로남은자
|
19년 전 | 4164 | |
| 734 |
홀로남은자
|
19년 전 | 2037 | |
| 733 |
홀로남은자
|
19년 전 | 2243 | |
| 732 | 19년 전 | 2154 | ||
| 731 | 19년 전 | 3378 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기