changing css class when onmouseover (mark)

 

CSS：

 

<style type="text/css">
BODY{   font-family: verdana, arial, helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        background-color:#CECECE;
        color:#000000;;
        margin-top: 0pt;
        margin-bottom: 0pt;
        margin-right: 0pt;
        margin-left: 0pt;}

.top{   font-family: verdana, arial, helvetica, sans-serif;
        font-size: 20pt;
        font-weight: bold;
        background:#EEEEEE;
        border: 1px dashed #000000;
        height: 5%;
        width: 100%;}

.top2{   font-family: verdana, arial, helvetica, sans-serif;
        font-size: 20pt;
        font-weight: bold;
        background:#FFFFFF;
        border: 1px solidd #000000;
        height: 5%;
        width: 100%;}
</style>

 

HTML：

<div class="top" onmouseover="this.className='top1'" onmouseout="this.className='top'">Here</div>