<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 30 |
아우겐나이스
|
21년 전 | 4076 | |
| 29 |
아우겐나이스
|
21년 전 | 4459 | |
| 28 |
아우겐나이스
|
21년 전 | 3480 | |
| 27 | 21년 전 | 5859 | ||
| 26 | 21년 전 | 3141 | ||
| 25 | 21년 전 | 6107 | ||
| 24 | 18년 전 | 3673 | ||
| 23 | 21년 전 | 3663 | ||
| 22 | 21년 전 | 4262 | ||
| 21 | 21년 전 | 3840 | ||
| 20 | 21년 전 | 4244 | ||
| 19 | 21년 전 | 6705 | ||
| 18 | 21년 전 | 4749 | ||
| 17 | 21년 전 | 7004 | ||
| 16 | 21년 전 | 4188 | ||
| 15 | 21년 전 | 2658 | ||
| 14 | 21년 전 | 4990 | ||
| 13 | 21년 전 | 3416 | ||
| 12 |
Recluse
|
21년 전 | 3900 | |
| 11 |
아우겐나이스
|
21년 전 | 3586 | |
| 10 |
Recluse
|
21년 전 | 3414 | |
| 9 | 21년 전 | 4029 | ||
| 8 | 21년 전 | 5194 | ||
| 7 | 21년 전 | 4781 | ||
| 6 | 21년 전 | 5711 | ||
| 5 | 21년 전 | 4137 | ||
| 4 | 21년 전 | 4866 | ||
| 3 | 21년 전 | 4768 | ||
| 2 | 21년 전 | 3271 | ||
| 1 | 22년 전 | 4357 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기