<html>
<head>
<script language="JavaScript">
<!--
var tInC=null;
var tIdC=null;
var tIdCOn = new Array(0,0,0,0,0,0,0);//버튼하나추가시마다 0을 추가
var tIdCOff = new Array(1,1,1,1,1,1,1); //위와동일
function tBgFIn(obj, col,idNum) {
if(tInC != obj && tInC != null && tIdCOn[idNum] == 0) tBgFOut(tInC,tIdC);
if(tIdCOn[idNum] == 0) {
tIdCOn[idNum] = 1;
tIdCOff[idNum] = 0;
tInC=obj;
tIdC=idNum;
changeColor(obj, col);
}
}
function tBgFOut(obj,idNum) {
if(tIdCOff[idNum] == 0) {
tIdCOff[idNum] = 1;
tIdCOn[idNum] = 0;
changeColor(obj, "#1525a7"); //이부분에 온마우스아웃일시 나타나는색상
}
}
function changeColor(obj, col) {
obj.filters.blendTrans.apply();
obj.style.backgroundColor= col;
obj.filters.blendTrans.play();
}
//-->
</script>
</head>
<body>
<input type="button" value="예제버튼입니다." onClick="" height="15" onfocus='this.blur()' onMouseOver="tBgFIn(bgColorId0, '#FF9900',0)" onMouseOut="tBgFOut(tInC,tIdC)" onMousedown=this.style.backgroundColor="#4070D0" onMouseup=this.style.backgroundColor="#ff9900" id="bgColorId0" style="background-color: #1525A7;filter: blendTrans(duration=0.5);color:ffffff;">
</body>
</html>
onMouseOver="tBgFIn(①bgColorId0, '②#FF9900',③0)" onMouseOut="tBgFOut(tInC,tIdC)" id="④bgColorId0" style="background-color: ⑤#1525A7;filter: blendTrans(duration=⑥0.5);">
① bgColorId0 :버튼하나추가시마다번호를0,1,2,3,4....
② #FF9900 :마우스가올라갔을때의색상
③ 0 : ①번과 같은번호를 써주셔야 합니다..
④ bgColorId0 1번관 같은번호
⑤ #1525A7 맨처음 버튼의색깔
⑥ 0.5 색이 바뀌는시간.
onMousedown=this.style.backgroundColor="#4070D0" onMouseup=this.style.backgroundColor="#ff9900"이부분은 임의대로 하시면 됍니다..색상만...
테이블의 각 칸에 아래와같이 소스를 넣어주시면 된다.
아래의 tBgFIn(bgColorId3, ’#93B380’,3) 에서 #93B380 가 원하는 색상....
duration=0.5은 페이드되는 속도....
<td id=bgColorId1 onmouseover="tBgFIn(bgColorId1, '#93B380',1)＂
onMouseOut="tBgFOut(tInC,tIdC)"
style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff">
<head>
<script language="JavaScript">
<!--
var tInC=null;
var tIdC=null;
var tIdCOn = new Array(0,0,0,0,0,0,0);//버튼하나추가시마다 0을 추가
var tIdCOff = new Array(1,1,1,1,1,1,1); //위와동일
function tBgFIn(obj, col,idNum) {
if(tInC != obj && tInC != null && tIdCOn[idNum] == 0) tBgFOut(tInC,tIdC);
if(tIdCOn[idNum] == 0) {
tIdCOn[idNum] = 1;
tIdCOff[idNum] = 0;
tInC=obj;
tIdC=idNum;
changeColor(obj, col);
}
}
function tBgFOut(obj,idNum) {
if(tIdCOff[idNum] == 0) {
tIdCOff[idNum] = 1;
tIdCOn[idNum] = 0;
changeColor(obj, "#1525a7"); //이부분에 온마우스아웃일시 나타나는색상
}
}
function changeColor(obj, col) {
obj.filters.blendTrans.apply();
obj.style.backgroundColor= col;
obj.filters.blendTrans.play();
}
//-->
</script>
</head>
<body>
<input type="button" value="예제버튼입니다." onClick="" height="15" onfocus='this.blur()' onMouseOver="tBgFIn(bgColorId0, '#FF9900',0)" onMouseOut="tBgFOut(tInC,tIdC)" onMousedown=this.style.backgroundColor="#4070D0" onMouseup=this.style.backgroundColor="#ff9900" id="bgColorId0" style="background-color: #1525A7;filter: blendTrans(duration=0.5);color:ffffff;">
</body>
</html>
onMouseOver="tBgFIn(①bgColorId0, '②#FF9900',③0)" onMouseOut="tBgFOut(tInC,tIdC)" id="④bgColorId0" style="background-color: ⑤#1525A7;filter: blendTrans(duration=⑥0.5);">
① bgColorId0 :버튼하나추가시마다번호를0,1,2,3,4....
② #FF9900 :마우스가올라갔을때의색상
③ 0 : ①번과 같은번호를 써주셔야 합니다..
④ bgColorId0 1번관 같은번호
⑤ #1525A7 맨처음 버튼의색깔
⑥ 0.5 색이 바뀌는시간.
onMousedown=this.style.backgroundColor="#4070D0" onMouseup=this.style.backgroundColor="#ff9900"이부분은 임의대로 하시면 됍니다..색상만...
테이블의 각 칸에 아래와같이 소스를 넣어주시면 된다.
아래의 tBgFIn(bgColorId3, ’#93B380’,3) 에서 #93B380 가 원하는 색상....
duration=0.5은 페이드되는 속도....
<td id=bgColorId1 onmouseover="tBgFIn(bgColorId1, '#93B380',1)＂
onMouseOut="tBgFOut(tInC,tIdC)"
style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff">
반응형
'인터넷정보' 카테고리의 다른 글
| 현재의 년,월,일,시간 나타내기 (0) | 2007.10.17 |
|---|---|
| 텍스트가 멀티로 보인다. (0) | 2007.10.17 |
| 텍스트가 멀티로 보인다. (0) | 2007.10.17 |
| 브라우저 크기를 절대 조절 못하게합니다. (0) | 2007.10.17 |
| 브라우저 크기를 절대 조절 못하게합니다. (0) | 2007.10.17 |
| 트렌제이션 효과 적용되는 버튼 (0) | 2007.10.17 |
| 핸드폰으로 자신의 컴퓨터 원격부팅하기. (0) | 2007.10.17 |
| 핸드폰으로 자신의 컴퓨터 원격부팅하기. (0) | 2007.10.17 |
| WOL(내 컴퓨터 원격부팅하기) Wake On Lan (0) | 2007.10.17 |
| WOL(내 컴퓨터 원격부팅하기) Wake On Lan (0) | 2007.10.17 |