'마우스오버'에 해당되는 글 1건

  1. 2009.09.17 [Javascript] 마우스오버시 div변경

버튼에 마우스오버하면 아래 화면이 변경될 때 사용.

그냥 아무 생각없이...메뉴가 많아지면 Ajax를 사용하는 편이 낫다.

function divRolling(obj){
  var div1 = $('new01');
  var div2 = $('new02');
  var div3 = $('new03');

  var img1 = $('img1');
  var img2 = $('img2');
  var img3 = $('img3');

  var path1 = '바뀌기 전 이미지경로';
  var path2 = '바뀐 후 이미지경로;

  if(obj=='2'){
   img1.src = path2;
   img2.src = path1;
   img3.src = path2;
   div1.hide();
   div3.hide();
   div2.appear({duration:0.3});
   return false;
  }else if(obj=='3'){
   img1.src = path2;
   img2.src = path2;
   img3.src = path1;
   div1.hide();
   div2.hide();
   div3.appear({duration:0.3});
   return false;
  }else{
   img1.src = path1;
   img2.src = path2;
   img3.src = path2;
   div2.hide();
   div3.hide();
   div1.appear({duration:0.3});
   return ;
  }
 }

Posted by zeide
,