마우스 롤오버

-이미지일때

<script type="text/javascript">

<!--

$(document).ready(function() {

$(".img_over").mouseover(function (){

 var file = $(this).attr('src').split('/');

 var filename = file[file.length-1];

 var path = '';

 for(i=0 ; i < file.length-1 ; i++){

  path = ( i == 0 )?path + file[i]:path + '/' + file[i];

 }

 $(this).attr('src',path+'/'+filename.replace('.jpg','_on.jpg'));

   }).mouseout(function(){

var file = $(this).attr('src').split('/');

 var filename = file[file.length-1];

 var path = '';

 for(i=0 ; i < file.length-1 ; i++){

  path = ( i == 0 )?path + file[i]:path + '/' + file[i];

 }

 $(this).attr('src',path+'/'+filename.replace('_on.jpg','.jpg'));

 

});

});

//-->

</script>

<img src="images/btn_motp_join.jpg" class="img_over" alt="" />