시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > 텍스트효과 > 반사효과 적용된 움직이는 텍스트 상세정보
사이트등록
클라우드태그
Javascript
PHP
ASP
CSS
HTML
mysql
jquery
image
API
Mobile
메뉴
slide
게시판
현재접속자 114 새로고침
반사효과 적용된 움직이는 텍스트
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 텍스트효과
다운로드 횟수 826 회
간단설명 그로우/반사효과를 쓴 텍스트입니다. 중간에 속도 조절 및 번짐효과, 웨이브표과, 글씨등을 조절할수 있으며 텍스트문장을 쉽게 수정하실수 있습니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기

아래는 본 예제의 자바스크립트입니다.

 

<html>
<head>
    <title>해피CGI</title>
</head>
<body>

<script>
var t=0;
var w=0;

var bcol=Number(255).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var txtColor='#'+bcol;

var bcol=Number(65535).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var gcol='#'+bcol;

var bcol=Number(65535).toString(16);
t = bcol.length; for (var i=0; i<6-t; i++) bcol = '0'+bcol;
var bcol='#'+bcol;

var fontFace = 0;
var fontSize = "40";
if (fontFace==0) fontFace = 'Arial, Helvetica, sans-serif';
  else if (fontFace==1) fontFace = 'Times New Roman, serif';
  else if (fontFace==2) fontFace = 'Courier New, Courier, mono';
  else if (fontFace==3) fontFace = 'Georgia, Times New Roman, Times, serif';
  else fontFace = 'Verdana, Arial, Helvetica, sans-serif';

var mwi=400;
var fontWeight='plain'
var swave=10;
var tee = '신기한 스크립트네요'; //텍스트 문장 삽입
var tpause = 20;

document.writeln('<table border=0 width='+mwi+'><tr><td>');
document.writeln('<div id="jsgbmain" align=center style="width='+mwi+'px; color='+txtColor+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div>');
document.writeln('<div style="width='+mwi+'px; filter:FlipV"><div id="jsgbshade" align=center style="width='+mwi+'px; color='+bcol+'; font-family: '+fontFace+'; font-weight: '+fontWeight+'; font-size: '+fontSize+';">'+tee+'</div></div>');
document.writeln('</td></tr></table>');

function getRef(etcn) {
  if (document.layers) return document.layers[etcn];
    else if (document.all) return document.all[etcn];
    else return document.getElementById(etcn);
}

function jsgbwavy() {
  if (document.layers) return;
  if (window.opera) return;
  if (!document.all) return;
  w++;
  t = Math.abs(swave-w%(swave*2));
  var o = getRef("jsgbmain");
  o.style.filter = 'Glow(Color='+gcol+', Strength='+t+')';
  var o = getRef("jsgbshade");
  o.style.filter = 'Blur(Add=0, Direction=0, Strength='+t+')';
  setTimeout("jsgbwavy()",tpause);
}

jsgbwavy();
</script>

</body>
</html>


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 45527665 보이는 도배방지키를 입력하세요.