轻巧的jQuery提示框插件Tipso

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

 106560  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
    });
});
相关插件-弹出层,工具提示

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 37332  436

jQuery弹框、弹出层插件method.js

jq弹框 弹框标题、内容、宽高、取消确认按钮、关闭按钮、动效类型均可以参数的形式设置
  弹出层
 52586  398

悬浮九宫格菜单jQuery插件

悬浮九宫格菜单jQuery插件
  弹出层
 48238  446

jQuery遮罩弹窗居中

jQuery遮罩弹窗始终屏幕剧中,调用简单代码少。
  弹出层
 58387  482

讨论这个项目(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
    好东西,项目里正好能用到,谢谢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复