m

링크에 무지개 효과

일본인이 만든 무지개 링크 입니다.
페이지 내의 링크에 무지개 효과를 줍니다.
 
rainbow.js 파일을 js 폴더에 업합니다.
 
블로그 스킨의 head.skin.php 파일에 아래 코드를 삽입하면 끝입니다.
 
 
<script language="javascript" src="<?=$g4['path']?>/js/rainbow.js"></script>
 

첨부파일

rainbow.js (7.6 KB) 77회 2007-01-13 02:00
|

댓글 4개

예전 버젼과 비교하라는 의미에서....

/************************************************************************/
/* Rainbow Link Version 1.00 (1999.6.10) */
/* */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki */
/* takanasi@hamal.freemail.ne.jp */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-) */
/* */
/* Usage: */
/* Insert '<script src="rb.js">< /script>' into the BODY section, */
/* right after the BODY tag itself, before anything else. */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/* */
/* If you'd like to add effect to other texts(not link texts), then */
/* add 'onmouseover="doRainbow();"' and 'onmouseout="stopRainbow();"' */
/* to the target tags. */
/* */
/* This Script works with IE4 and above only, but no error occurs on */
/* other browsers. */
/************************************************************************/

////////////////////////////////////////////////////////////////////
// Setting
var rate = 20; // Increase amount(The degree of the transmutation)

////////////////////////////////////////////////////////////////////
// Main routine
var obj; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}

//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
obj.style.color = makeColor();
}

//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
설치하면 해보고 싶다는...
설치하면 저도 어떤 기능인지 궁금하네요...
설치해보니 a 태그로 링크된 텍스트의 색을 무지개 색 순서로 바꾸어 주는 스크립트네요.
검은색 배경의 홈피에선 이쁠거 같다는....
댓글을 작성하시려면 로그인이 필요합니다.

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다. 플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

+
제목 글쓴이 날짜 조회
19년 전 조회 1,271
19년 전 조회 1,223
19년 전 조회 3,899
19년 전 조회 2,826
19년 전 조회 2,626
19년 전 조회 1,702
19년 전 조회 1,272
19년 전 조회 2,467
19년 전 조회 2,481
19년 전 조회 1,231
19년 전 조회 3,503
19년 전 조회 1,358
19년 전 조회 2,734
19년 전 조회 2,332
19년 전 조회 1,529