jquery 간단 롤오버

jquery는 물론 아래줄 처럼  jquery 경로를 넣어주셔야합니다.

<script type="text/javascript"  src="jquery.js">

마우스가 올라갈때는 이미지명을 on

내려갈때는 이미지명에 off 가 포함되어 있으면 됩니다.

가령 이미지명을 menu_on_01.jpg   , menu_off_01.jpg

* 소스 

<script type="text/javascript">
 $(function() {
   $("img.gnbimg").mouseover(function() {
     $(this).attr("src", $(this).attr("src").replace("off","on"));

   });
   $("img.gnbimg").mouseout(function() {
     $(this).attr("src", $(this).attr("src").replace("on", "off"));
   });
 });
</script>