javascript实现

var title = document.getElementById('title');
var content = document.getElementById('content');
var li = newpost.getElementsByTagName('li');
var div = content.getElementsByTagName('div');
div[0].style.display='block';
for (var i = 0; i < li.length; i++) {
    li[i].index = i;
    li[i].onmouseover = function(){
        for (var j = 0; j < li.length; j++) {
            div[j].style.display='none';
        };
        div[this.index].style.display='block';
    };
}

JQuery

$(".content").eq(0).show();
$(".title li").mouseover(function(){
    var num = $(this).index();
    $(".content").hide();
    $(".content").eq(num).show();
});