jQuery的offset()實現滑鼠移至上方即彈出Tips

1.建立一個div，滑鼠移至上方即彈出Tips

代碼如下	複製代碼
<div>滑鼠移至上方時彈出Tips</div>

2.使用js給div綁定滑鼠懸浮事件

代碼如下

複製代碼

$(“.tips”).unbind().hover( function(event) { event.stopPropagation(); //擷取div的位置 var offset = $(this).offset(); //建立彈出浮層，定位在div的位置 var tips = $( ‘<div></div>’ ).css(“top”,offset.top).css(“left”,offset.left); //彈出浮層 $(this).append(tips).find(“.popTips”).fadeIn(10); }, function() { this.title = this.t; $(“.popTips”).fadeOut(“slow”).remove();//隱藏浮層 } ); 3.給浮層加上樣式 .popTips { font-size: 12px; left: 0; line-height: 180%; margin: 5px; position: absolute; width: 200px; z-index: 9999; }

注意position: absolute;