SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

轻量级JS工具库 SkinnyTip

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

alt text

示例代码:

<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>

未经允许不得转载:SEARU.ORG » 轻量级JS工具库 SkinnyTip

赞 (0)
分享到:更多 ()

评论 0