工具提示插件

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

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

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

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

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属性所对应的内容。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容