SkinnyTip轻量级 JS 工具库

联合创作 · 2023-09-22 04:57

SkinnyTip 是一款轻量级JS工具库。

示例代码:

<span class="skinnytip" data-text="This is the contents of the tooltip" 
data-options="borderColor: #333, backColor: #333, width: 150px, 
textPadding: 10px, textColor: #FFF">
    Span that triggers a tooltip with a title and text
</span>

<span class="skinnytip" data-text="This is the contents of the tooltip. This 
is the contents of the tooltip. This is the contents of the tooltip" 
data-title="Observations" data-options="borderColor: #3F3, backColor: #EFE">
    Span that triggers a tooltip with a title and text
</span>

<span class="skinnytip" data-text="This is the contents of the tooltip" 
data-title="This is the title!" data-options="width: 200px, border: 1px, 
borderColor: #000, backColor: #CCC, textColor: #00F, titleTextColor: #0F0, 
fontFace: verdana, fontSize: 12px, titleFontSize: 12px, titlePadding: 10px, 
textPadding: 10px, xOffset: 30, yOffset: 30">
    Span that triggers a tooltip with a title and text
</span>
浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报