<head>
<script language="JavaScript">
<!--
var tInC=null;
var tIdC=null;
var tIdCOn = new Array(0,0,0,0);
var tIdCOff = new Array(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, "#ffffff");
}
}
function changeColor(obj, col) {
obj.filters.blendTrans.apply();
obj.style.backgroundColor= col;
obj.filters.blendTrans.play();
}
//-->
</script> </head>
<body>
<table width="500" height="50" cellspacing="0" cellpadding="0" border="1" align="center" bordercolordark="white" bordercolorlight="black">
<tr>
<td onMouseOver="tBgFIn(bgColorId0, '#FF89BD',0)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId0" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" width="50%" height="100%" align="center">셀 블렌딩 효과</td>
<td width="50%" height="100%" onMouseOver="tBgFIn(bgColorId1, '#FFAC00',1)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId1" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center">
셀 블렌딩 효과
</td>
</tr>
</table>
<pre>
---------------------- 수정할 부분 -----------------------
테이블 속성 수정 :
<table width="300" height="50" cellspacing="0" cellpadding="0" border="1" align="center" bordercolordark="white" bordercolorlight="black">
→ 순서대로 테이블 가로크기, 세로크기, 셀 간격, 셀 여백, 경계선 두께, 가로정렬, 경계선 어두운색, 경계선 밝은색
#FF89BD → 셀1 의 변화할 색 설정
#FFAC00 → 셀2 의 변화할 색 설정
duration=0.5 → 색이 변하는 시간 설정 (큰 수일수록 느리게 변함)
</pre>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 파일업로드 버튼 이미지로 바꾸기 (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 |
| RGB 컬러코드 알아보기 (0) | 2007.10.17 |
| RGB 컬러코드 알아보기 (0) | 2007.10.17 |
| HTML / JS 생성기 (0) | 2007.10.17 |