轻巧的jQuery提示框插件Tipso

所属分类:UI-弹出层,工具提示

 107515  491  查看评论 (64)
分享到微信朋友圈
X
轻巧的jQuery提示框插件Tipso ie兼容8

Tipso 基于 jQuery,提供了很多配置,如:

  • 显示动画持续时间
  • 背景颜色
  • 文本颜色
  • 显示位置(上/右/下/左)
  • 宽度
  • 偏移
  • 加载 ajax 内容
  • 回调函数

使用方法

1、引入文件

<link rel="stylesheet" href="css/tipso.css">
<script src="js/jquery.js"></script>
<script src="js/tipso.js"></script>

2、HTML

<span id="tip" data-tipso="dowebok">Tipso</span>

或者:

<span id="tip" title="内容来自 title 属性">Tipso</span>

使用属性 data-tipso 的值作为 tip 的内容是时,需要设置 useTitle: false;使用 title 属性作为 tip 的内容则设置 useTitle: true 或省略此参数。

3、JavaScript

$(function() {
    $('#tip').tipso({
        useTitle: false
    });
});
相关插件-弹出层,工具提示

特别实用、调用简单的弹出层

特别实用、调用简单的弹出层。完全可以用样式控制,可以兼容的不同选择相应的效果
  弹出层
 40496  338

一款简单实用的弹窗插件JMask(原创)

JMask是一款遮罩插件,其小巧灵活,在项目开发中方便实用。使用方式也特别简单,只需要引入一个js文件,该插件基于JQuery开发,所以使用之前需要引入JQuery文件。
  弹出层
 39457  361

CSS3地图热点文字标注提示

当点击地图上的某一位置时,会弹出提示。
  弹出层
 42508  415

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 53607  423

讨论这个项目(64)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Top 0
    2024/1/8 18:21:44
    被默认是top搞到了,搞得我界面显示一下大一下小,调试了大半天解决了 回复
    yveJohn 0
    2020/10/23 16:15:44
    宽度可以根据内容大小自适应吗? 回复
    Not Again 0
    2019/8/27 15:37:50
    动态生成的Dom节点,怎么无效?有文档说明么大佬?
        只为你收集世间云朵0
        2020/2/28 17:28:21
        应该是id冲突了吧 ! 把id改成class试试
    回复
    Hanchunlei 0
    2019/1/31 16:14:23
    看着很不错,但是没积分下载
        J.L.forward☆0
        2019/3/7 16:57:55
        不错
    回复
    灬券宝 0
    2019/1/5 21:57:46
    不错,是我要的效果 回复
    安小平 0
    2018/11/20 15:26:10
    刚好需要用到,尝试一下,看效果不错哦 回复
    0
    2018/11/6 14:36:36
    如何取消默认的点击显示事件 回复
    ChiangShen-Hung 0
    2018/9/14 11:09:00
    应该还可以,正好需要使用 回复
    posthuhu 0
    2018/6/20 10:07:49
    不错 不错 鼓励一下
    回复
    tianping 0
    2018/3/7 17:08:08
    好东西,项目里正好能用到,谢谢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复