버튼에 스타일주기(익스) 정보
HTML 버튼에 스타일주기(익스)
본문
<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>
추천
0
0
댓글 0개