태그 자료실

	\| 무료회원가입 \| 아이디/비번찾기

회원로그인

무료회원가입 아이디/비밀번호찾기

보안로그인 SECURE LOGIN

로딩시 화면이 번쩍이는 효과

18년 전

<html>
<head>
<title>로딩시 번쩍이는 효과 예제</title>
<meta name="generator" content="Namo WebEditor v4.0(Trial)">
<body bgcolor="white" text="#CCCCCC" link="#CCCCCC" vlink="#C4c4d5" alink="#CCCCCC">
<div align="center">
  <table width="327" border="0">
    <tr>
      <td height="20" width="321">
                <p align="center"><font size="2" color="green">* 로딩시 바탕화면이 번쩍거립니다. 신기하죠?
          *</font><font size="2" color="black"><br></font></p>
      </td>
    </tr>
  </table>
</div>
<SCRIPT Language="Javascript">

function initArray() {
  this.length = initArray.arguments.length
  for (var i = 0; i < this.length; i++)
    this[i+1] = initArray.arguments[i]
}

var hexChars = "0123456789ABCDEF";

function Dec2Hex (Dec) {
  var a = Dec % 16;
  var b = (Dec - a)/16;
  hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
  return hex;
}

function bgChanger (begin, end, steps) {
  steps = steps -1 ;
  redA     = begin.charAt(0) + begin.charAt(1);
  red_valA = parseInt(redA,'16');
  redB     = end.charAt(0) + end.charAt(1);
  red_valB = parseInt(redB,'16');
  red_int  = ((red_valB - red_valA) / steps) * -1;
  grnA     = begin.charAt(2) + begin.charAt(3);
  grn_valA = parseInt(grnA,'16');
  grnB     = end.charAt(2) + end.charAt(3);
  grn_valB = parseInt(grnB,'16');
  grn_int  = ((grn_valB - grn_valA) / steps) * -1;
  bluA     = begin.charAt(4) + begin.charAt(5);
  blu_valA = parseInt(bluA,'16');
  bluB     = end.charAt(4) + end.charAt(5);
  blu_valB = parseInt(bluB,'16');
  blu_int  = ((blu_valB - blu_valA) / steps) * -1;
  step = 2;
  red = red_valA;
  grn = grn_valA;
  blu = blu_valA;
  document.bgColor = begin;

  while ( steps >= step ) {
    red -= red_int;
    red_round = Math.round(red);
    red_hex = Dec2Hex(red);
    grn -= grn_int;
    grn_round = Math.round(grn);
    grn_hex = Dec2Hex(grn);
    blu -= blu_int;
    blu_round = Math.round(blu);
    blu_hex = Dec2Hex(blu);
    document.bgColor = red_hex + grn_hex + blu_hex;
//    document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex);
    step++;
  }
  document.bgColor = end;
}


</SCRIPT>

</body>
</html>

추천 목록

번호	제목
3,033	PHP 정규식 정리
3,032	PHP 정규식을 활용한 태그 및 특정 문자열 제거 및 추출 방법
3,031	php 크롤링 또는 파싱 함수, 정규식 모음
3,030	제이쿼리 기본 명령어
3,029	웹페이지 가로 모드세로 모드 인식하기
3,028	모바일 웹 화면 강제 회전(가로모드 고정)
3,027	[HTML5]에서 frameset 대체 방법과 iframe 속성
3,026	HTML <Audio> 사용법
3,025	윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024	PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023	[CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022	CSS Layout 수평 & 수직 정렬
3,021	여러 도메인들 간 쿠키 공유하기
3,020	태그 사이에 있는 텍스트를 추출
3,019	[JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,018	쿠키 생성,가져오기,삭제
3,017	사용자 함수 모음
3,016	마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,015	[HTML5] <video> - DOM으로 제어하기
3,014	HTML5 video 태그에서 영상 좌우반전
3,013	PHP - 특정 태그 및 문자열 추출, 제거
3,012	[PHP] define과 defined의 차이
3,011	우클릭 완벽차단 스크립트
3,010	iframe 높이 100% 맞추기
3,009	curl 함수를 이용한 HTTP REFERER 변경