인터넷정보

링크된 텍스트에 마우스 오버시 색 번짐 효과

알 수 없는 사용자 2007. 10. 17. 13:57


http://oxtag.com/html/ex/link_filter.html


<html>

<head>

<script>
<!-- Beginning of JavaScript -

var i_strength=0
var max_strength=6
var shadowcolor="red" <!-- 그림자색깔 -->
var timer
var speed=50
var thisobj

// URL 수정과 속성을 지정해주세요.
function gotoURL(){
      var newWindow=window.open("http://hacoo.tistory.com","ss","status,directories,menubar,scrollbars,titlebar,toolbar,location,resizable,HEIGHT=600,WIDTH=800") 
      newWindow.focus()
}

function stopfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
            thisobj=thisdiv
        thisobj.style.filter=" "
    }
}


function startfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
            thisobj=thisdiv
        morefilter()
    }
}

function morefilter(){
    if (i_strength <=max_strength) {
            thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength++
        timer = setTimeout("morefilter()",speed)
    }
    else {
        clearTimeout(timer)
        lessfilter()
    }
}

function lessfilter(){
    if (i_strength >=0) {
            thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength--
        timer = setTimeout("lessfilter()",speed)
    }    
    else {
        clearTimeout(timer)
        morefilter()
    }
}

// - End of JavaScript - -->
</script>

<STYLE TYPE="text/css">
.filter {
    position:absolute;
    left:40px;
    font-family:arial;
    font-size=16pt;
    color:red;
    text-decoration:underline
    }

</STYLE>

</head>

<body bgcolor="#ffffff" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">

<DIV class=filter style="cursor:hand" onMouseOver="startfilter(this)" onMouseOut="stopfilter(this)" onClick="gotoURL()">HakunaMatata </DIV> <!--링크텍스트를 입력한다-->

</body>

</html>

반응형