1. 程式人生 > >css定義超級連結a標籤裡面的title的樣式

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換行
}