이미지 위에 마우스를 올리면 테두리 (Border Line)

지지온 2012.06.11 21:59:18 출처:

<HTML>
<HEAD>
    <TITLE>BLUE-B</TITLE>
<style>
.borderimage{
border:1px solid white;
}
</style>
<script language="JavaScript1.2">
function borderit(which,color){
    if (document.all||document.getElementById){
        which.style.borderColor=color
    }
}
</script>
</HEAD>
<BODY>

<img src="http://www.dajoahe.com/cgi-bin/board/main1/portfolio1-110.gif" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')">

<img src="http://www.dajoahe.com/cgi-bin/board/main1/portfolio1-99.gif" class="borderimage" onMouseover="borderit(this,'#ff0000')" onMouseout="borderit(this,'white')">

<img src="http://www.dajoahe.com/cgi-bin/board/main1/portfolio1-98.gif" class="borderimage" onMouseover="borderit(this,'blue')" onMouseout="borderit(this,'white')">


출처 : http://www.dajoahe.com/