mouseover / out 시 css 클래스 동작하게 하기

 

1. <style type='text/css'>
2. <!--
3. .A_ti{text-align:center;height:30px;border:2px solid #8080FF;padding:3px;line-height:30px;margin:5px;font-weight:12pt;font-weight:bold;}
4. .A_st_on{text-align:left;padding:0px;padding-left:10px;height:20px;border-bottom:1px solid #DEDEDE;line-height:20px;margin:0 10 0 10;background-color:#efefef;font-weight:bold;}
5. .A_st{text-align:left;padding:0px;padding-left:10px;height:20px;border-bottom:1px solid #DEDEDE;line-height:20px;margin:0 10 0 10;}
6. //-->
7. </style>
   
   
   
   
8. <div class='A_st' onmouseover="this.className='A_st_on'"  onmouseout="this.className='A_st'">마우스 over 적용.</div>

대소문자에 주의!!