Java Reference
In-Depth Information
.tabStrip
{
background-color: #E4E2D5;
padding: 3px;
height: 22px;
}
.tabStrip-tab
{
float: left;
font: 14px arial;
cursor: pointer;
padding: 2px;
border: 1px solid transparent;
}
.tabStrip-tab-hover
{
border-color: #316AC5;
background-color: #C1D2EE;
}
.tabStrip-tab-click
{
border-color: #facc5a;
background-color: #f9e391;
}
</style>
<script type=”text/javascript” src=”jquery-1.3.2.min.js”></script>
<script type=”text/javascript”>
var currentNum = 0;
function handleEvent(e)
{
var el = $(e.target);
if (e.type == “mouseover” || e.type == “mouseout”)
{
if (el.hasClass(“tabStrip-tab”) && !el.hasClass(“tabStrip-tab-click”))
{
el.toggleClass(“tabStrip-tab-hover”);
}
}
if (e.type == “click”)
{
if (el.hasClass(“tabStrip-tab-hover”))
{
var id = e.target.id;
var num = id.substr(id.lastIndexOf(“-”) + 1);
if (currentNum != num)
{
