버튼에 스타일주기(익스)
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 8624 |
기타
소유권변경
|
| 8623 | |
| 8617 | |
| 8615 | |
| 28464 | |
| 8613 | |
| 8612 | |
| 8611 |
JavaScript
vim 의 들여쓰기 + 색상 눈 덜피곤 c++ php 등.. (리눅스용)
|
| 8610 |
JavaScript
vim 의 간단한 사용법
|
| 8609 |
JavaScript
[자바스크립트] 상태표시줄 제어 + 간단한 복사 제어
|
| 8606 |
Linux
/etc 디렉토리 아래의 파일들
2
|
| 8605 |
기타
shadow 잠금 해제
|
| 8604 | |
| 8603 |
JavaScript
yum 업데이트 되는곳 7.3 or 페도라
|
| 8602 |
MySQL
mysql 링크하기
|
| 8601 | |
| 8600 |
MySQL
mysql.sock 삭제 하였을 경우
|
| 8599 | |
| 8598 | |
| 8597 |
JavaScript
ps 시 화면 짤리는부분 보이게 하기
|
| 8596 | |
| 8595 | |
| 8594 |
기타
chmod 의 스틱키
|
| 8593 |
JavaScript
tripwire 의 twr 파일 보기
|
| 8592 |
JavaScript
최근 사용자 접속 리스트 보기
|
| 8591 | |
| 8590 | |
| 8589 |
JavaScript
atd 데몬
|
| 28463 | |
| 8588 |
JavaScript
portmap
|
| 8587 | |
| 8586 | |
| 8585 |
JavaScript
md5sum 사용방법
|
| 8584 |
JavaScript
TAR 압축방법
|
| 8583 | |
| 8581 | |
| 8580 |
기타
crontab 사용하기
|
| 8579 |
JavaScript
umask 설정법
|
| 8578 | |
| 8577 |
기타
Find 명령어 활용
|
| 8576 |
기타
zip 압축 해제
|
| 8575 |
JavaScript
삼바(samba)에서 내부만 들어오게 하기
|
| 8574 | |
| 8572 | |
| 8571 |
JavaScript
quota 젠체 용량 확인
|
| 8570 | |
| 8569 | |
| 8568 |
JavaScript
런레벨 편집
|
| 8567 |
기타
리눅스에서 문자찾기
|
| 8566 | |
| 8565 |
JavaScript
삼바로 리눅스에서 윈도우로 공유하기
|
| 8564 |
JavaScript
shadow 패스워드 잠금 해제 하기
|
| 8563 | |
| 8562 | |
| 8561 |
JavaScript
vim에서 컬러는 나오게 하기
|
| 8560 | |
| 8558 | |
| 8557 |
MySQL
my.cnf 파일은 어디에?
|
| 8556 | |
| 8555 |
MySQL
cron 설정
|
| 8554 |
JavaScript
호스트네임 바꾸기
|
| 8553 |
JavaScript
하드링크와 심볼릭링크?
|
| 28462 |
HTML
콘솔의 화면보호기능을 끄려면?
|
| 8552 |
기타
스틱키
|
| 8551 |
JavaScript
날짜 바꾸기 date 명령을 이용
|
| 28461 |
HTML
스왑 사용 안하기
|
| 8549 | |
| 8548 |
기타
SSH
|
| 8547 |
JavaScript
rsync 백업
|
| 8545 |
JavaScript
저 사양 PC로 리눅스 라우터 만들기
1
|
| 8544 |
Linux
Tripwire
|
| 8543 | |
| 8542 | |
| 8541 | |
| 8540 |
JavaScript
링크 시킨 파일 찾기
|
| 8539 |
JavaScript
리눅스 하드웨어 정보 보기
|
| 8538 | |
| 8537 | |
| 8536 |
MySQL
my.cnf 파일은 위치..
|
| 8535 |
MySQL
부팅시 자동으로 mysql 서버 자동실행
|
| 8533 |
MySQL
MySQL 루트비번 분실시 대처요령
1
|
| 8532 |
MySQL
mysql에서 log 파일 남기기
|
| 8531 |
MySQL
ALTER 테이블 추가,변경
|
| 8530 |
MySQL
sql 파일로 테이블 간단히 만들기
|
| 8529 |
MySQL
mysql 4.1 의 password()
|
| 8528 |
MySQL
mysql 에서 최대 사용자 수
|
| 8525 | |
| 8524 | |
| 8523 |
기타
핑(ping) 막기
|
| 8522 | |
| 8521 |
JavaScript
su 사용자 제한하기
|
| 8520 | |
| 8519 |
JavaScript
기본적인 삼바 설정
|
| 8518 |
기타
실시간 로그 보기..
|
| 8517 | |
| 8516 |
JavaScript
부팅 로고 삭제
|
| 8515 |
JavaScript
콘솔에서 해상도 높이기
|
| 8514 | |
| 8513 | |
| 8512 |
JavaScript
ssh로 접속할때 메시지를 보여주는 방법..
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기