<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년 전 | 2197 | |
| 829 |
|
19년 전 | 1939 | |
| 828 |
|
19년 전 | 1823 | |
| 827 |
|
19년 전 | 1659 | |
| 826 |
|
19년 전 | 1858 | |
| 825 |
|
19년 전 | 1906 | |
| 824 |
|
19년 전 | 1961 | |
| 823 |
|
19년 전 | 2699 | |
| 822 |
|
19년 전 | 5336 | |
| 821 |
|
19년 전 | 1730 | |
| 820 |
|
19년 전 | 1586 | |
| 819 |
|
19년 전 | 1453 | |
| 818 |
|
19년 전 | 1612 | |
| 817 |
|
19년 전 | 1535 | |
| 816 |
|
19년 전 | 1459 | |
| 815 |
|
19년 전 | 1468 | |
| 814 |
|
19년 전 | 1388 | |
| 813 |
|
19년 전 | 1457 | |
| 812 | 19년 전 | 2829 | ||
| 811 |
pearly
|
19년 전 | 3848 | |
| 810 |
pearly
|
19년 전 | 5228 | |
| 809 |
|
19년 전 | 1389 | |
| 808 |
pearly
|
19년 전 | 4546 | |
| 807 | 19년 전 | 2986 | ||
| 806 |
|
19년 전 | 1509 | |
| 805 |
|
19년 전 | 2700 | |
| 804 |
|
19년 전 | 3627 | |
| 803 |
|
19년 전 | 1819 | |
| 802 |
|
19년 전 | 3798 | |
| 801 |
|
19년 전 | 1893 | |
| 800 | 19년 전 | 3779 | ||
| 799 | 19년 전 | 3448 | ||
| 798 | 19년 전 | 4214 | ||
| 797 | 19년 전 | 4084 | ||
| 796 |
|
19년 전 | 1901 | |
| 795 |
|
19년 전 | 1864 | |
| 794 | 19년 전 | 4283 | ||
| 793 | 19년 전 | 2678 | ||
| 792 | 19년 전 | 2554 | ||
| 791 | 19년 전 | 2413 | ||
| 790 | 19년 전 | 1989 | ||
| 789 | 19년 전 | 2599 | ||
| 788 | 19년 전 | 2215 | ||
| 787 | 19년 전 | 1857 | ||
| 786 | 19년 전 | 1980 | ||
| 785 | 19년 전 | 1454 | ||
| 784 |
|
19년 전 | 1701 | |
| 783 | 19년 전 | 2848 | ||
| 782 |
|
19년 전 | 1973 | |
| 781 | 19년 전 | 3260 | ||
| 780 | 19년 전 | 3170 | ||
| 779 |
|
19년 전 | 2253 | |
| 778 |
|
19년 전 | 1809 | |
| 777 | 19년 전 | 2852 | ||
| 776 | 19년 전 | 2915 | ||
| 775 | 19년 전 | 4030 | ||
| 774 |
|
19년 전 | 1999 | |
| 773 | 19년 전 | 2632 | ||
| 772 | 19년 전 | 2349 | ||
| 771 | 19년 전 | 3480 | ||
| 770 |
|
19년 전 | 1449 | |
| 769 | 19년 전 | 1511 | ||
| 768 | 19년 전 | 1785 | ||
| 767 | 19년 전 | 2211 | ||
| 766 | 19년 전 | 1840 | ||
| 765 | 19년 전 | 1700 | ||
| 764 |
|
19년 전 | 2123 | |
| 763 |
|
19년 전 | 2235 | |
| 762 |
|
19년 전 | 4968 | |
| 761 | 19년 전 | 2339 | ||
| 760 |
|
19년 전 | 3201 | |
| 759 | 19년 전 | 2651 | ||
| 758 |
|
19년 전 | 2413 | |
| 757 | 19년 전 | 4710 | ||
| 756 | 19년 전 | 2580 | ||
| 755 |
|
19년 전 | 2423 | |
| 754 |
|
19년 전 | 1974 | |
| 753 |
|
19년 전 | 1754 | |
| 752 |
pearly
|
19년 전 | 3377 | |
| 751 | 19년 전 | 2357 | ||
| 750 |
|
19년 전 | 6173 | |
| 749 | 19년 전 | 2045 | ||
| 748 |
|
19년 전 | 1916 | |
| 747 |
|
19년 전 | 2716 | |
| 746 |
|
19년 전 | 1827 | |
| 745 | 19년 전 | 2289 | ||
| 744 | 19년 전 | 2123 | ||
| 743 |
|
19년 전 | 3580 | |
| 742 | 19년 전 | 2593 | ||
| 741 | 19년 전 | 2753 | ||
| 740 |
|
19년 전 | 4378 | |
| 739 | 19년 전 | 3558 | ||
| 738 |
|
19년 전 | 2314 | |
| 737 | 19년 전 | 4325 | ||
| 736 | 19년 전 | 3283 | ||
| 735 |
홀로남은자
|
19년 전 | 4158 | |
| 734 |
홀로남은자
|
19년 전 | 2034 | |
| 733 |
홀로남은자
|
19년 전 | 2240 | |
| 732 | 19년 전 | 2148 | ||
| 731 | 19년 전 | 3368 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기