`
keshin
  • 浏览: 12040 次
  • 性别: Icon_minigender_1
  • 来自: SH.IT
社区版块
存档分类
最新评论

jQuery的tooltip插件

阅读更多

这个插件是参考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:
{jQuery } 可供链式操作

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics