一个标签卡

card.js

===

$(function(){
$("#content").load("card.php?cid=1");

var dt=null;
$("#main #tit h3").mouseover(function(){
var obj=$(this);
dt=setTimeout(function(){
obj.addClass("titin").siblings("h3").removeClass("titin");
$("#content").load(obj.children("a").eq(0).attr("href"));
}, 300)

}).mouseout(function(){
clearTimeout(dt);
});
});

===

card.css

========

body {
 font-size:12px;
}

#main {
 width:300px;
 height:200px;
}

#main h3 {
 width:80px;
 height:25px;
 background:#ddd;
 float:left;
 margin:0px;
 padding:0px;
 text-align:center;
 line-height:25px;
 font-size:12px;
 margin-right:2px;
 border:2px solid white;
}

a {
 color:white;
}

#main #content {
 background:#888;
 width:300px;
 height:175px;
 float:left;
}

#tit .titin {
 border:2px solid #888;
 background:#888;
}

========