낭군's Story

               var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i

               if (!filter.test(frm.email.value)) { alert('잘못된 이메일 입니다.');frm.email.focus();return false; }

               return true;

<script>
function f_ChangeImgOver( pImage ) {
    if ( "" != pImage ) {
        document.dressimg.filters[0].Apply();
        document.dressimg.src = pImage;
     document.dressimg.filters[0].Play();
    }
}
</script>

// 적용될 이미지
<img src="img.jpg" name='dressimg' style="filter:progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0)">

// 작은이미지
<a href="#none"><img src="/images/dress_s01.jpg" style='border:5px solid #a29380' onclick="f_ChangeImgOver('/images/dress01.jpg')" border=0></a>


작은 이미지 클릭시 이미지가 부드럽게 변하며 바뀐다.

           <script>
           var infoCnt = 0;
           var org_color = '';
           var new_color = '';
           var target_id = '';

           function helpInfo2() {

            if(this.infoCnt % 2 == 0) {
             document.getElementById(this.target_id).style.filter  ="invert";
             document.getElementById(this.target_id).style.background=this.new_color;
            } else {
             document.getElementById(this.target_id).style.filter  ="";
             document.getElementById(this.target_id).style.background=this.org_color;
            }

            if(this.infoCnt < 3) {
             this.infoCnt = this.infoCnt + 1;
             setTimeout("helpInfo2()",500);
            }
           }

           function helpInfo(id,color) {
            this.infoCnt   = 0;
            this.new_color  = color;
            this.org_color  = document.getElementById(id).style.background;
            this.target_id  = id;

            helpInfo2();
            
           }
           </script>

<a href="#none" onclick="helpInfo('help01','459cff')">이곳을 클릭하면</a>
<span id='help01'>이곳이 반짝반짝</span>
<br>
<a href="#none" onclick="helpInfo('help02','459cff')">이미지는 반전으로..</a>
<img src="이미지주소" id='help02'>

<script language='javascript' src='/layerjs.js'></script>

<div id=divMenu style="position:absolute; left:1020; top:65px;">
<table border=0 cellpadding=0 cellspacing=0>
 <tr>
  <td><img src="/images/banner.gif"></td>
 </tr>
 <tr>
  <td height=10></td>
 </tr>
 <tr>
  <td><a href="/"><img src="/images/right_top.gif" border=0></a></td>
 </tr>
</table>
</div>
 
<script language=javascript>
<!--
if (isNS4) {
 var divMenu = document["divMenu"];
 divMenu.top = top.pageYOffset;
 divMenu.visibility = "visible";
 moveRightEdge();
} else if (isDOM) {
 var divMenu = getRef('divMenu');
 divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop);
 divMenu.style.visibility = "visible";
 moveRightEdge();
}
//-->
</script>

layerjs.js