css定义超级链接a标签里面的title的样式

<area shape="rect" coords="328,64,376,155" class="tooltip"  title="显示内容</br>显示内容显示内容显示内容显示内容: 65432户" />

<script type="text/javascript">
$(function(){
var x=10;
var y=20;
$("area.tooltip").mouseover(function(e){
this.myTitle=this.title;
this.title="";
var tooltip="<div id='tooltip'>"+this.myTitle+"</div>" //创建DIV元素
$("#wrap").append(tooltip); //追加到文档中
$("#tooltip").css({"top": (e.pageY+y) + "px","left": (e.pageX+x) + "px"}).show(); //设置X Y坐标， 并且显示
}).mouseout(function(){
this.title=this.myTitle;
$("#tooltip").remove(); //移除
}).mousemove(function(e){
$("#tooltip").css({"top": (e.pageY+y) + "px","left": (e.pageX+x) + "px"});
})
})
</script>

#tooltip{border:1px solid red; background:#FF6;
position:absolute;
padding:1px;
color:#333;
white-space:nowrap;//每遇到br换行
}