マークアップ ベース

Hover me! Give me some markup!
		

Javascript ベース

Hover me!
$('#tipcustomhint').smallipop(
  {}, 
  "I'm the real hint!"
);
		
Hover me! Good for dropdowns!
$('.smallipopHorizontal').smallipop({
  preferredPosition: 'right',
  theme: 'black',
  popupOffset: 10,
  invertAnimation: true
});
		

アニメーションなし

Hover me!
$('.smallipopStatic').smallipop({
  theme: 'black',
  popupDistance: 0,
  popupYOffset: -14,
  popupAnimationSpeed: 100
});
		

下方表示

Hover me!
$('.smallipopBottom').smallipop({
  preferredPosition: 'bottom'
});
		

フォーム

$('.smallipopInput').smallipop({
  preferredPosition: 'right',
  theme: 'black',
  popupOffset: 0,
  triggerOnClick: true
});
		

文中埋め込み

Some long text... And more with a more complex Some really important hint about the word complex hint...

$('.smallipop').smallipop();