웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩셀블렌딩( 테이블 색 서서히 변화주기효과)

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>

===================================================================
보시면 아시리라 믿습니다.
간단한 테이블 생성만 ..
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
▩시작 정지가 가능한 테이블 스크롤 메시지 ▩윤미 2002.02.27
▩휠마우스처럼 사용하기.. [6] ▩윤미 2002.02.26
▩두문장을 blur효과주며 보여주기 [3] ▩윤미 2002.02.26
▩자바스크립, 계산기 소스 (기본) [2] ▩윤미 2002.02.26
▩문서선택 &소스선택을 위한 셀렉트 스크립트 ▩윤미 2002.02.26
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] ▩윤미 2002.02.26
▩찾기 기능을 내 홈페이지에 넣어보자 [1] ▩윤미 2002.02.26
▩셀블렌딩( 테이블 색 서서히 변화주기효과) ▩윤미 2002.02.26
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) ▩윤미 2002.02.26
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] SM 2002.02.25
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] SM 2002.02.25
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 SM 2002.02.25
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] SM 2002.02.25
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
▩(JAVA)랜덤으로 이미지 출력 되기 [1] ▩윤미 2002.02.24
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] SM 2002.02.24
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 SM 2002.02.24
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] SM 2002.02.24
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] SM 2002.02.24
태그 쓰기