웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩셀블렌딩( 테이블 색 서서히 변화주기효과)
2002.02.26 17:45
===================================================================
미리보기 주소:
http://my.dreamwiz.com/dong0987/study15.htm
====================================================================
====================================================================
삽입 태그
====================================================================
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<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 border=0 marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 bgcolor=white >
<table width="388" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td onMouseOver="tBgFIn(bgColorId0, '#A3011B',0)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId0" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" width="182" height="111" align="center"><font size="2" face="돋움">랄랄라<br>순서대로
마우스를 살짞<br>클릭해 보세요!<br><br>호호호호</font></td><td width="203" height="111" onMouseOver="tBgFIn(bgColorId1, '#FF9900',1)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId1" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center">
<font size="2" face="돋움">여러가지로,<br>테이블을 늘릴수도있습니다.<br>방법이야,<br>다들
아시겠죠?</font></td></tr>
</table>
<table width="386" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td width="182" height="93" onMouseOver="tBgFIn(bgColorId2, 'lime',2)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId2" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">이게
생각보다<br>유용하게 쓰인다구요.<br>음...</font></td><td width="201" height="93" onMouseOver="tBgFIn(bgColorId3, 'aqua',3)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId3" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">나모에서<br>변형
가능합니다.<br>소스만 제대로 써주면..<br>ㅎㅎㅎ</font></td></tr></table>
<table width="400" height="20" cellpadding="0" cellspacing="0" border="0">
</table>
</body>
===================================================================
보시면 아시리라 믿습니다.
간단한 테이블 생성만 ..
미리보기 주소:
http://my.dreamwiz.com/dong0987/study15.htm
====================================================================
====================================================================
삽입 태그
====================================================================
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<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 border=0 marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 bgcolor=white >
<table width="388" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td onMouseOver="tBgFIn(bgColorId0, '#A3011B',0)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId0" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" width="182" height="111" align="center"><font size="2" face="돋움">랄랄라<br>순서대로
마우스를 살짞<br>클릭해 보세요!<br><br>호호호호</font></td><td width="203" height="111" onMouseOver="tBgFIn(bgColorId1, '#FF9900',1)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId1" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center">
<font size="2" face="돋움">여러가지로,<br>테이블을 늘릴수도있습니다.<br>방법이야,<br>다들
아시겠죠?</font></td></tr>
</table>
<table width="386" height="150" cellpadding="0" cellspacing="1" border="0" bgcolor="#FF00CC">
<tr><td width="182" height="93" onMouseOver="tBgFIn(bgColorId2, 'lime',2)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId2" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">이게
생각보다<br>유용하게 쓰인다구요.<br>음...</font></td><td width="201" height="93" onMouseOver="tBgFIn(bgColorId3, 'aqua',3)" onMouseOut="tBgFOut(tInC,tIdC)" id="bgColorId3" style="background-color: #ffffff;filter: blendTrans(duration=0.5);" align="center"><font size="2" face="돋움">나모에서<br>변형
가능합니다.<br>소스만 제대로 써주면..<br>ㅎㅎㅎ</font></td></tr></table>
<table width="400" height="20" cellpadding="0" cellspacing="0" border="0">
</table>
</body>
===================================================================
보시면 아시리라 믿습니다.
간단한 테이블 생성만 ..
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[FreeBSD] bind를 몰아낼 djbdns 설치하기 [5] | DeX™ | 2002.11.26 |
Apache + PHP + Mysql확실한 연동 및 리눅스 재설치 정보 [2] | 최종우 | 2002.11.26 |
리눅스 mysql 사용자 계정주기/삭제하기 [4] | 정인배 | 2002.11.22 |
리눅스 서버를 구축해 보자! #2 [5] | 꼬토 | 2002.11.22 |
리눅스 서버를 구축해 보자! #1 [11] | 꼬토 | 2002.11.21 |
리눅스(레드헷8.0 배포판 기준) 처음 설치하시는 분들을 위한 apm 초간단 팁 [8] | 김종환 | 2002.11.17 |
리눅스 시스템관리 고급 명령어 | 정인배 | 2002.11.16 |
ab 를 이용한 간편한 아파치 성능 측정 [2] | 정인배 | 2002.11.15 |
윈xp pro 를 net 서버로 바꾸기 [7] | 정회철 | 2002.11.13 |
[Lindox] 설치 강좌 쓸때 유용한 명령어 [4] | NeSTY♨™ | 2002.11.05 |
[기초] 퍼미션 값에 대해서 [4] | NeST™y | 2002.11.05 |
[Lindox] 실수로 기본 명령어삭제시 강제 복구하기 | NeSTY♨™ | 2002.11.05 |
[Lindox] 가상콘솔 줄여서 메모리 절약하기.. | NeSTY♨™ | 2002.11.05 |
[기초]커널 2.4.x, quota 셋팅법 | NeST™y | 2002.11.05 |
사용자 자동 등록 쉘스크립트 [1] | 편리 | 2002.11.05 |
OpenBSD3.2 설치가이드 - 완결 [3] | pravda | 2002.11.02 |
네임서버 설정 ver.1 [/etc 폴더편] [2] | 손택수 | 2002.10.24 |
리눅스로 웹호스팅을 하기위해서... [15] | Dopesoul | 2002.10.23 |
APMPack 입니다요. [13] | Blainfo | 2002.10.19 |
각 디렉토리의 역할 [2] | Dopesoul | 2002.10.15 |