JQuery插件：cluetip

$.cluetip.setup(options)
    Global defaults for clueTips. Will apply to all calls to the clueTip plugin.
    {
          insertionType:    'appendTo', // how the clueTip is inserted into the DOM
                                        // possible values: 'appendTo', 'prependTo', 'insertBefore', 'insertAfter'
          insertionElement: 'body'      // where in the DOM the clueTip is to be inserted
    }

.cluetip(options)
    Displays a highly customizable tooltip via ajax (default) or local content or the title attribute of the invoking element 

$.fn.cluetip.defaults = {  // default options; override as needed
    multiple:         false,    // Allow a new tooltip to be created for each .cluetip() call
    width:            275,      // The width of the clueTip
    height:           'auto',   // The height of the clueTip. more info below [1]
    cluezIndex:       97,       // Sets the z-index style property of the clueTip
    positionBy:       'auto',   // Sets the type of positioning. more info below [2]
    topOffset:        15,       // Number of px to offset clueTip from top of invoking element. more info below [3]
    leftOffset:       15,       // Number of px to offset clueTip from left of invoking element. more info below [4]
    local:            false,    // Whether to use content from the same page for the clueTip's body
                                // (treats the attribute used for accessing the tip as a jQuery selector,
                                // but only selects the first element if the selector matches more than one). more info below [5]
    hideLocal:        true,     // If local option is set to true, this determines whether local content
                                //  to be shown in clueTip should be hidden at its original location
    localPrefix:      null,       // string to be prepended to the tip attribute if local is true
    localIdSuffix:    null,     // string to be appended to the cluetip content element's id if local is true
    attribute:        'rel',    // the attribute to be used for fetching the clueTip's body content
    titleAttribute:   'title',  // the attribute to be used for fetching the clueTip's title
    splitTitle:       '',       // A character used to split the title attribute into the clueTip title and divs
                                // within the clueTip body. more info below [6]
    escapeTitle:      false,    // whether to html escape the title attribute
    showTitle:        true,     // show title bar of the clueTip, even if title attribute not set
    cluetipClass:     'default',// class added to outermost clueTip div in the form of 'cluetip-' + clueTipClass. more info below [7]
    hoverClass:       '',       // class applied to the invoking element onmouseover and removed onmouseout
    waitImage:        true,     // whether to show a "loading" img, which is set in jquery.cluetip.css
    cursor:           'help',
    arrows:           false,    // if true, displays arrow on appropriate side of clueTip. more info below [8]
    dropShadow:       true,     // set to false if you don't want the drop-shadow effect on the clueTip
    dropShadowSteps:  6,        // adjusts the size of the drop shadow
    sticky:           false,    // keep visible until manually closed
    mouseOutClose:    false,    // close when clueTip is moused out: false, 'cluetip', 'link', 'both'
    delayedClose:     50,        // close clueTip on a timed delay
    activation:       'hover',  // set to 'click' to force user to click to show clueTip
    clickThrough:     true,    // if true, and activation is not 'click', then clicking on a clueTipped link will take user to
                                // the link's href, even if href and tipAttribute are equal
    tracking:         false,    // if true, clueTip will track mouse movement (experimental)
    closePosition:    'top',    // location of close text for sticky cluetips; can be 'top' or 'bottom' or 'title'
    closeText:        'Close',  // text (or HTML) to to be clicked to close sticky clueTips
    truncate:         0,        // number of characters to truncate clueTip's contents. if 0, no truncation occurs

    // effect and speed for opening clueTips
    fx: {
                      open:       'show', // can be 'show' or 'slideDown' or 'fadeIn'
                      openSpeed:  ''
    },

    // settings for when hoverIntent plugin is used
    hoverIntent: {
                      sensitivity:  3,
                      interval:     50,
                      timeout:      0
    },

    // function to run just before clueTip is shown.
    // If the function returns false, the clueTip is NOT shown
    // It can take a single argument: the event object
    // Inside the function, this refers to the element that invoked the clueTip
    onActivate:       function(event) {return true;},

    // function to run just after clueTip is shown. It can take two arguments:
    // the first is a jQuery object representing the clueTip element;
    // the second a jQuery object represeting the clueTip inner div.
    // Inside the function, this refers to the element that invoked the clueTip
    onShow:           function(ct, ci){},

    // function to run just after clueTip is hidden. It can take two arguments:
    // the first is a jQuery object representing the clueTip element;
    // the second a jQuery object represeting the clueTip inner div.
    // Inside the function, this refers to the element that invoked the clueTip
    onHide:           function(ct, ci){},

    // whether to cache results of ajax request to avoid unnecessary hits to server
    ajaxCache:        true,

    // process data retrieved via xhr before it's displayed
    ajaxProcess:      function(data) {
                        data = data.replace(/<(script|style|title)[^<]+<\/(script|style|title)>/gm, '').replace(/<(link|meta)[^>]+>/g,'');
                        return data;
    },
    // can pass in standard $.ajax() parameters. Callback functions, such as beforeSend,
    // will be queued first within the default callbacks.
    ajaxSettings: {
      // error: function(ct, ci) { /* override default error callback */ },
      // beforeSend: function(ct, ci) { /* called first within default beforeSend callback */ },
      dataType: 'html'
    }
  };

$(document).trigger('hideCluetip')
    Hides any currently visible cluetip.


// example for how you might do this with touch devices
$('body').bind('touchstart', function(event) {
 event = event.originalEvent;
 var tgt = event.touches[0] && event.touches[0].target,
     $tgt = $(tgt);

 if (tgt.nodeName !== 'A' && !$tgt.closest('div.cluetip').length ) {
   $(document).trigger('hideCluetip');
 }
});

$('some-already-initialized-link').trigger('showCluetip')

$(".float_user_card").card_float({
		card_floatClass: "user_card_float",
		width:340,
		leftOffset: 4,
		arrows: true,
		sticky: true,
		mouseOutClose: "both",
		closeText:'',
		waitImage:false,
		arrows:false
});