<style>
.moff{

width:199px;
height:15px;
padding:5px;
text-align:center;
margin:5px;
cursor:pointer;
  list-style:none;
}
.mon{
color:#ffffff;
background-color:blue;
width:199px;
height:15px;
padding:5px;
text-align:center;
margin:5px;
cursor:pointer;
  list-style:none;
}
a:link {
text-decoration: none;
}
</style>
<script>
function mon(a){
a.setAttribute('class','mon');
}
function moff(a){
a.setAttribute('class','moff');
}
function goulr(a){
if(a==1) location.href='/board/bbs/board.php?bo_table=data';
if(a==2) location.href='/board/bbs/board.php?bo_table=vnits';
if(a==3) location.href='/board/bbs/board.php?bo_table=point';
}
</script>
<link href="/css/import.css" rel="stylesheet" type="text/css" />
<link href="/css/main.css" rel="stylesheet" type="text/css" />
  <div class="lnb">
    <ul>
<li class= "moff" onclick="goulr(1)" onmouseover="mon(this)" onmouseout="moff(this)">Technical Data</li>
<li class= "moff" onclick="goulr(2)" onmouseover="mon(this)" onmouseout="moff(this)">국제단위계(SI VNITS) </li>
<li class= "moff" onclick="goulr(3)" onmouseover="mon(this)" onmouseout="moff(this)">전기재료 선택의 포인트 </li>
</ul>
  </div>

// 딴건 다되는데 IE에서 안먹네요 마우스 이벤트 색깔을 안먹네요