工具提示插件可以定制元素的提示外觀,提示內(nèi)容支持變量、Ajax遠(yuǎn)程獲取,還可以自定義提示內(nèi)容顯示的位置,它的調(diào)用格式如下:
$(selector).tooltip({options});
其中selector為需要顯示提示信息的元素,可選項參數(shù)options為tooltip()方法的配置對象,在該對象中,可以設(shè)置提示信息的彈出、隱藏時的效果和所在位置。
例如,將<a>元素與工具提示插件相綁定,當(dāng)把鼠標(biāo)移動在<a>元素內(nèi)容時,以動畫效果彈出對應(yīng)的提示圖片,移出時,圖片自動隱藏.
JS代碼如下
</script>
$(function () {
$("a").tooltip({
show: {
effect: "slideDown",
delay: 350
},
hide: {
effect: "explode",
delay: 350
},
position: {
my: "left top",
at: "left bottom"
}
});
});
</scriot>
由于<a>元素都綁定了工具提示插件,因此,將在指定的位置并以動畫效果展示<a>元素中title屬性所對應(yīng)的內(nèi)容。