기본

배경 출력 후 원하는 링크로 이동 시키는 스크립트

by 보석 posted Sep 09, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
Extra Form
미리보기 http://linfree.com/javaboard/39.html


// 아래의 코드를 원하는 위치에 복사 해 넣으세요

<script language="JavaScript">
<!-- 
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;

        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;
                step++;
           }
}

bgChanger("000000","000000",60);
bgChanger("000000","FF0000",60);
bgChanger("FF0000","000000",60);
bgChanger("000000","AA00EE",60);
bgChanger("AA00EE","000000",60);
bgChanger("000000","0000FF",60);
bgChanger("0000FF","000000",60);
bgChanger("000000","000000",60);

// 아래의 주소를 이동할 장소로 수정 하세요

window.location="http://www.linfree.com";
//  -->
</script><!---->