---------tabs.js-----------------
复制代码 代码如下:
$(function(){
//init seleted tab
var on= $.cookie('current_tab');
if(on!= && !isnan(on))
{
$(.nav li).eq(on).addclass(on).siblings().removeclass();
}
//default tab
else
{ $.cookie('current_tab', 0); }
//change tab
$(.nav li).click(function(){
var current_tab = $(.nav li).index(this);
$.cookie('current_tab', current_tab);
window.location = $(this).attr(href);
});
})
---------------css.css----------------------
复制代码 代码如下:
.nav { overflow:hidden; height:20px;}
.nav li { float:left; display:inline; padding:3px;}
.nav li a:hover { color:yellow; }
.nav li.on { background:#900; color:#fff;}
.nav li.on a { color:#fff; }
.nav li.on a:hover { color:yellow; }
a { text-decoration:none; }
--------------------- 1.html -----------------------------------
复制代码 代码如下:
无标题文档
第一页
第二页
第三页
其它两个页面一样，文件改一下可以了
mark dzone 夜猫人
来自：http://www.cnblogs.com/dzone