气泡提示 纯CSS

 

tooltip(气泡提示)

依赖
脚本文件:CalvinTip.js
样式文件:toolTip.css
参数
  • elems
    HTMLNode
    必须

    气泡提示的元素

    options
    Object
    可选

    多选形式的可配置参数。

以下是option参数的说明

参数 数据类型 默认值 说明
content string
null

气泡提示的文本

arrow string n

气泡提示的方向 n s w e

实例

1
2
3
4
5
var tt = new calvin.ui.tooltip(document.getElementById("me"), { content: "提示文本!", arrow: "n" });
        var tt2 = new calvin.ui.tooltip(document.getElementById("Text1"), { content: "提示文本!", arrow: "w" });
        var tt2 = new calvin.ui.tooltip(document.getElementById("Text2"), { content: "提示文本!", arrow: "s" });
        $("#btnClose").click(function () { tt2.hide(); });
        $("#btnOpen").click(function () { tt2.show(); });

  


效果图:
如使用过程中有问题或者建议加QQ群14804593(入群请注明 博客园或者github) 或者下面回复。

气泡提示 纯CSS,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。