마우스롤오버, 롤아웃 효과

1.html

 

 

2.css

.main_leftBtn{position:absolute;overflow:hidden;top:263px;left:5px;cursor:pointer;}
.main_rightBtn{position:absolute;overflow:hidden;top:263px;left:928px;cursor:pointer;}

 

 

3.javascript

function img_rolover_rolout(id,img_title,e){
  var e = e || window.event;

 if(e.type == "mouseover"){
  id.src = "images/" + img_title +"_on.png";
 }else{
   id.src = "images/" + img_title +"_off.png";
 }
}

 

ps. 롤오버 원래 철자는 roll 이 맞다. 수정하기 귀찮아서 패스..