<!-- html代码begin -->
<div id="outer">
<ul id="tab" class="">
<li class="ck">标题1</li>
<li>标题2</li>
<div class="clearfix"></div>
</ul>
<div id="content">
<ul style="display:block;">
11111111
</ul>
<ul style="display:none;">
222222222222
</ul>
</div>
</div>
<!-- html代码end -->
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>
$(function(){
window.onload = function()
{
var $li = $('#tab li');
var $ul = $('#content ul');
$li.mouseover(function(){
var $this = $(this);
var $t = $this.index();
$li.removeClass();
$this.addClass('ck');
$ul.css('display','none');
$ul.eq($t).css('display','block');
})
}
});
</script>