气泡提示 纯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) 或者下面回复。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步