메뉴 건너뛰기

검색창 닫기

전국분동대여

일반 자료실

컴퓨터/IT 마우스에 반응하는 텍스트 GLOW 효과

GACHIMOA 2020.07.23 16:08 조회 수 : 245

마우스에 반응하는 텍스트 GLOW 효과

 

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// dynamic change of textglow onmousemove
// 메세지
var message="마우스를 대어 보세요"
// 글꼴
var textfont="굴림"
// 폰트 사이즈
var textsize=35
// 메세지 색상
var textcolor="red"
// Glow 색상
var glowcolor="yellow"

//여기까지

var glowstrength=0
var x,y

function handlerMM(e){
        x = (document.layers) ? e.pageX : event.clientX
        y = (document.layers) ? e.pageY : event.clientY
}
                
function initiate() {
    if (document.all) {
                document.onmousemove = handlerMM;
        glowmessage()
    }
        if (document.layers) {
                document.onmousemove = handlerMM;
                document.captureEvents(Event.MOUSEMOVE);
                textsize=10
        glowmessage()
    }
}
function glowmessage() {                
        if(document.all) {
                glowstrength=Math.round(x/80)+Math.round(y/80)
                glowtext.innerHTML="<span id='glowspan' style='position：absolute;filter:glow(strength="+glowstrength+",color="+glowcolor+");font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>";
                var timer=setTimeout("glowmessage()",100)
        }
        if(document.layers) {
                textsize=3*Math.round(x/80)+3*Math.round(y/80)
                document.glowtext.document.write("<span id='glowspan' style='position：absolute;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>")
                document.glowtext.document.close()
                var timer=setTimeout("glowmessage()",100)
        }
}
// - End of JavaScript - -->
</script>
</HEAD>
<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<body bgcolor="#000000" onLoad="initiate()" text="white" link="yellow" alink="yellow" vlink="yellow">
<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<div id="glowtext" style="position：absolute;top:10px;left:100px"></div>

이 게시물을
수정 삭제 목록
번호 제목 글쓴이
3421 심장 건강에 좋은 습관 8가지 [1] 뉴퐁
3420 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] 뉴퐁
3419 스트레스를 줄이는 놀라운 방법 6가지 [2] 싹쓰리
3418 여성이 팬티에 대해 알아야 할 7가지 [3] 싹쓰리
3417 끓였던 물을 또 끓이면 안 되는 이유 [1] 싹쓰리
3416 "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] 쌍둥이맘
3415 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] 나혼자번다
3414 열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업) [1] file 나혼자번다
3413 전자렌지요리 만능 레시피 대공개!! [3] 나혼자번다
3412 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] 쌍둥이맘
3411 마시고 남은 김빠진 맥주 활용법 [2] 쌍둥이맘
3410 계란을 먹은 후 절대 바로 먹으면 안되는 것들 쌍둥이맘
3409 아주 유용한 커피상식 쌍둥이맘
3408 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] 싹쓰리
3407 골다공증 예방과 뼈에 아주 좋은 음식 8가지 싹쓰리
3406 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! 싹쓰리
3405 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] 싹쓰리
3404 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] 싹쓰리
3403 머리카락이나 두피를 상하게 하는 사소한 습관 5 라이믹스
3402 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 라이믹스
쓰기 태그
위로