工具提示插件

工具提示插件可以定制元素的提示外觀,提示內(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)容。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容