CHAPTER 17 ■ LAYOUTS
HTML Header
<head>
<!-- only script elements are shown --><script language="javascript" type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
</head>page.js
$(document).ready(function(e){
$('ul.tabs li').click(function(e){
$('ul.tabs li.selected').removeClass('selected');
$(this).addClass('selected');
});
$('ul.tabs li .tab-label').mouseover(function(e){
$(this).addClass('hover');
});
$('ul.tabs li .tab-label').mouseout(function(e){
$(this).removeClass('hover');
});
$('ul.tabs .tab-label a').click(function(e){
e.preventDefault();
$(this).blur();
});
});