html5tooltips.js – 輕量級和簡潔的Tooltips

jopen 9年前發布 | 17K 次閱讀前端技術 html5tooltips.js

html5tooltips.js 是一個輕量級和簡潔的Tooltips。采用純JavaScript開發，擁有CSS動畫，沒依賴任何框架。

html5tooltips([
  {
    contentText: "Delete",
    targetSelector: "#delete"
  },
  {
    contentText: "Refresh",
    stickTo: "top",
    targetSelector: "#refresh"
  },
  {
    contentText: "Simple to remember",
    contentMore: "Check that your login name is not used by anyone else.",
    stickTo: "left",
    maxWidth: "180px",
    targetSelector: "#username"
  }
]);