ML Design

Tag: tooltip


A tooltip plugin.

Demo

Cursor
Browser Emulate
Fixed

Plugin Options

  • attr: ‘title’ – must provide an attribute to take content from.
  • type: ‘cursor’ – 3 styles ‘cursor’, ‘browser_emulate’, ‘fixed’.
  • tipAttributes: {class: ‘ml-tooltip’} – attributes given to tooltip.
  • disableTouch: true
  • contentBefore: ” – add content before text.
  • contentAfter: ” – add content after text.
  • delay: 650 – delay hover time before showing tooltip
  • styles: {position:’absolute’, pointerEvents:’none’, width: ‘auto’, zIndex: 10000000, whiteSpace:’normal’, display:’none’, background: ‘#000’, color: ‘#fff’, fontSize: ’14px’, padding: ‘2px 8px’, borderRadius: ‘3px’} – added styles
  • onTooltipShow: function() {}
  • onTooltipClose: function() {}
  • onBeforeAppend: function() {}