气泡提示 纯CSS
- 依赖
- 脚本文件: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(); }); |
效果图:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。