Dynamic HTML and the W3C Document Object Model - Beginning JavaScript - page 448

background-color: #E4E2D5;
padding: 3px;
height: 22px;
}
.tabStrip div
{
float: left;
font: 14px arial;
cursor: pointer;
}
.tabStrip-tab
{
padding: 3px;
}
.tabStrip-tab-hover
{
border: 1px solid #316AC5;
background-color: #C1D2EE;
padding: 2px;
}
.tabStrip-tab-click
{
border: 1px solid #facc5a;
background-color: #f9e391;
padding: 2px;
}
</style>
<script type=”text/javascript”>
function handleEvent(e)
{
var eSrc;
if (window.event)
{
e = window.event;
eSrc = e.srcElement;
}
else
{
eSrc = e.target;
}
if (e.type == “mouseover”)
{
if (eSrc.className == “tabStrip-tab”)
{
eSrc.className = “tabStrip-tab-hover”;
}
}