工具提示插件

工具提示插件可以定制元素的提示外观,提示内容支持变量、Ajax远程获取,还可以自定义提示内容显示的位置,它的调用格式如下:

$(selector).tooltip({options});

其中selector为需要显示提示信息的元素,可选项参数options为tooltip()方法的配置对象,在该对象中,可以设置提示信息的弹出、隐藏时的效果和所在位置。

例如,将元素与工具提示插件相绑定,当把鼠标移动在元素内容时,以动画效果弹出对应的提示图片,移出时,图片自动隐藏.

JS代码如下

$(function () {

$("a").tooltip({

show: {

effect: "slideDown",

delay: 350

},

hide: {

effect: "explode",

delay: 350

},

position: {

my: "left top",

at: "left bottom"

}

});

});


由于元素都绑定了工具提示插件,因此,将在指定的位置并以动画效果展示元素中title属性所对应的内容。

你可能感兴趣的:(工具提示插件)