brTip

未知
未知
2008-09-19

This jQuery plugin was inspired and based on various other plugins of tooltip, but this is better =)

  1. Instalation:

    • Include jQuery
    • Include brTip
    • Include CSS of brTip
  2. Select the element and apply:

    • $('.brTip').brTip();
    • $('img').brTip();
  3. It's full customizable with options. The options is explained here:

    fadeIn: Number or String ('') - Speed of fadeIn

    fadeOut: Number or String ('') - Speed of fadeOut

    toShow: Number (100) - Delay time (ms) to show

    toHide: Number (500) - Delay time (ms) to hide

    opacity: Number (0.8) - The brTip opacity, from 0 - 1

    top: Number (1) - The top position of brTip is sum of mouse position with this

    left: Number (25) - The same of top, but for the left position

    title: String ('Help') - The title of brTip

    • $('a[@rel=brTip]').brTip({fadeIn: 'slow', left: -50, top: 10});
    • $('a[@rel=brTip]').brTip({title: 'About this:'});
  4. brTip has been tested in the following browsers:

    • IE 6 & 7
    • Firefox 2
    • Opera 9
    • Safari 3
  5. Know issues:

    • Don't allow multiple instances
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

暂无博客

返回顶部
顶部