마우스 대면 글씨 색상 칠색무지개로 ...스크립트...

Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

마우스 대면 글씨 색상 칠색무지개로 ...스크립트...

15 흰눈처럼 6 535 2 0

<script type="text/javascript">
var rEvent = 0;
var cArray = 0;
var aeventColor;
var anchorColor;
var rainbowStart;
var rainbowColor = new Array('red', 'orange', 'yellow', 'green', 'blue', 'darkblue', 'purple');


function colorChange() {
  aeventColor.style.color = rainbowColor[cArray];
  (cArray < rainbowColor.length-1) ?  cArray++: cArray = 0;
}


function eventRainbow() {
  if(rEvent == 0) {
	var 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 != '') {
		aeventColor = obj;
		rEvent = 1;
		anchorColor = aeventColor.style.color;
		rainbowStart = setInterval('colorChange()', 200);
   	}
  }
}


function stopRainbow() {
  if(rEvent) {
	if(aeventColor.tagName == 'A') {
		aeventColor.style.color = anchorColor;
		clearInterval(rainbowStart);
		cArray = 0;
		rEvent = 0;
	}
  }
}


document.onmouseover = eventRainbow;
document.onmouseout = stopRainbow;
</script>


thema / head.php 상단부분에 넣어주시면 됩니다..

6 Comments
15 흰눈처럼 02.01 00:56  
7번줄 var rainbowColor = new Array('red', 'orange', 'yellow', 'green', 'blue', 'darkblue', 'purple');  괄호안에 원하시는 색상 변경 가능 ~
16 태극 02.01 08:21  
보이는것처럼 깔끔하게 스크립트를 보이게 하려면 글쓰기에서 어떻게 해야하는거에요???
15 흰눈처럼 02.01 10:19  
게시판에서 글쓰기 누르면 제목 쓰는 옆에 안내 버튼이 있어요 클릭하면 기능들 많아요 ~
 안내문 읽어보시길 바래요 ~ ㅋㅋ php,html 등 코드 올리실때에는  [code] 로 코딩해줘야 해요 ~
16 태극 02.01 16:54  
감사합니다. 하나 알았네요..^^
19 사노라면 02.01 08:45  
감사합니다
14 잊지말자 02.07 20:23  
감사합니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand