这个插件是参考Mootools1.11版的Tips插件改写的,所以熟悉Mootools的朋友会发现接口和里面的逻辑基本上是一样的,由于本机环境只有ff3和ie7,所以这个插件在其他浏览器环境下是否正常工作不是很清楚。
支持jQuery1.2.6和1.3版本。
附件中包含插件源码、jsDoc以及示例
以下是jsdoc:
jQuery.fn.tips
(options
)
: jQuery
给指定的元素设置多格式提示
Author:
keshin
备注:
元素的title属性总会被作为提示的主内容. 如果你在title中输入 :: ,则 :: 前的内容将被作为提示的标题。
title属性值允许使用html格式.
// 示例:
$("a").tips({offsets:{x:10, y:20}}); // 给所有的链接设置提示
Parameters:
{JSON}
|
options
|
配置项.可选,默认值如下:
{
maxTitleChars: 30, // 提示的标题所能显示的最长字数。默认为 30.
showDelay: 100, // 提示显示方法延迟执行的毫秒数 (默认为100 ms)
hideDelay: 100, // 提示消失方法延迟执行的毫秒数 (默认为100 ms)
timeout: 0, // 提示在显示多长时间后自动小时,0则不会自动小时
className: 'tool', //提示所用的样式名的前缀。默认为 ‘tool’.
// 整个提示的样式为: tool-tip
// 提示标题的样式为: tool-title
// 文本内容的样式为: tool-text
offsets: {'x': 16, 'y': 16}, // 提示与鼠标的距离。一个包含x/y 属性的对象。
tipType: 2 // 提示显示的方式,0为显示在元素根据offsets偏移的位置,固定
// 1为显示在事件触发时的偏移位置,固定
// 2为提示会随鼠标移动
}
|
Returns:
分享到:
- 2009-01-19 12:10
- 浏览 3517
- 评论(0)
- 论坛回复 / 浏览 (0 / 3592)
- 查看更多
相关推荐
jquery tooltip插件示例完美的页面效果
Protip是一款功能强大的jQuery Tooltip插件。它提供众多的参数和方法来控制Tooltip,可以在49个位置上显示Tooltip,并且可以和animate.css配合制作各种Tooltip过渡动画效果。
Protip是一款功能强大的jQuery Tooltip插件。它提供众多的参数和方法来控制Tooltip,可以在49个位置上显示Tooltip,并且可以和animate.css配合制作各种Tooltip过渡动画效果。
简单好用的tooltip插件。 $("[title]").tooltip();
ggtooltip.js是一款非常实用的基于bootstrap 3.X的jQuery tooltip提示插件。该bootstrap jQuery tooltip插件实用简单,支持在4个方向上像素tooltip信息,支持修改tooltip的背景色、前景色和边框颜色。
这是一款简单实用的jQuery tooltip插件。该tooltip插件提供很多参数让你可以控制tooltip的位置、大小、内容和动画等属性,并且还可以设置tooltip的倒计时消失效果,既简单有非常的实用。
jquery开发一款tips插件 方便好用
tipso是一款非常实用的轻量级响应式jQuery Tooltip插件。该Tooltip插件可以和Animate.css配合使用,制作各种Tooltip显示时的动画效果。还可以通过Ajax来动态加载Tooltip的内容。并且提供了大量参数来控制Tooltip的...
jquery Tooltip简易文本提示框插件
jQuery的一款tooltip提示插件,通过鼠标悬停显示提示时间,提示内容使用ajax动态显示。
非常美观的一款jQuery Tooltip弹出式分享按钮插件,点击分享按钮时,会以Tooltip弹出框的样式显示分享按钮图片,并且在弹出时伴随着左右摇晃的动画特效。
这是一款jQuery Tooltip工具提示插件。jTippy工具提示插件简单灵活,提供多种触发tooltip的方式,并提供丰富的操作api和参数,非常实用。
jQuery Metro Tooltip插件是一款鼠标滑过弹出提示的jquery插件。
这是使用jQuery Tooltip Plugin弹出各种浮动提示效果插件的一些例子,用这个插件可以显示自定义的鼠标悬停提示,比如文字提示框、图片框,在鼠标放在特定位置时激活,鼠标移开后消失,如示例所示为弹出一个图片浮动...
下面我们为你推荐 25 个最好的工具提示插件: 1. jqTooltip jqTooltip ...6. Tipsy – Facebook-Style Tooltip Plugin for jQuery Tipsy – Facebook-Style Tooltip Plugin for jQuery 7. ClueTi
jquery插件,tooltip提示文字。
不错的表单提示插件jquery-tooltip,jquery-tooltip jquery插件 表单提示工具
jQuery Tooltip提示框插件实现气泡提示工具栏特效源码.zip
jQuery Tooltip气泡提示工具栏代码是一款实用的提示框插件下载。