Smart Tip

构建了一个smar-tip的tooltip组件

主要特性

  • 自动定位与边界查找
  • 支持8个方向与圆角
  • 自定义皮肤

调用(Usage)

     
var $container = $("#container"),
    $btn = $("#btn"),
    content = "苍井优的出道要追溯到公演于1999年的音乐剧《安妮》, " +
        "万人候选,她脱颖而出,被选中出演波丽一角。" +
        "后来她又被选为三井不动产的少女代言人," +
        "其清丽的形象一时间变得家喻户晓。";
var smartTipInstance = new SmartTip({
    container: $container,
    trigger: $btn,
    content: content,

    borderColor: "#adadad",
    borderWidth: 1,
    borderRadius: 5,
    bgColor: "white",
    width: 160,
    height: 200,
    arrowSize: 10
});

smartTipInstance.show();

demo

demo

Published: November 12 2013

  • category:
  • tags: