jQuery消息提示框插件Tipso

jQuery消息提示框插件Tipso

今天我们用Tipso插件来演示八种不同提示效果,并且了解下Tipso API。

淘建站为您提供更多_图片代码_图片滚动_提示框_tipso,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 170 次

下载资源

18 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

演示一:默认效果

<div class="dowebok"> 
   <h2>1、默认</h2> 
   <div class="inner"> 
    <span id="tip1" data-tipso="dowebok.com">Tipso</span> 
   </div> 
</div>
$('#tip1').tipso({
    useTitle: false
});

演示二:左侧显示

$('#tip2').tipso({
    useTitle: false,
    position: 'left'
});

其他6种提示演示,点击查看。

参数 描述 默认值
speed 速度(毫秒) 400
background 背景 '#55b555'
color 颜色 '#ffffff'
position 位置 'top'
width 宽度 200
delay 延迟时间 200
animationIn 动画效果显示 -
animationOut 动画效果隐藏 -
offsetX X坐标 0
offsetY Y坐标 0
content 内容 -
ajaxContentUrl ajax URL内容 -
useTitle 是否使用标题作为内容 true
onBeforeShow 在显示提示之前 function(){}
onShow 在显示提示之后 function(){}
onHide 在隐藏提示之后 function(){}

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/94.html
jQuery消息提示框插件Tipso 希望对你有帮助,感谢您的支持!
  • jquery鼠标悬停提示框随屏幕分辨率提示图片文字内容位置

    jquery鼠标悬停提示框随屏幕分辨率提示图片文字内容位置

  • jquery浮动层制作右下角float浮动提示框向上滑动提示

    jquery浮动层制作右下角float浮动提示框向上滑动提示

  • jquery对话框插件自定义美化提示框浮动层支持拖动

    jquery对话框插件自定义美化提示框浮动层支持拖动

  • 原生js cookie代码点击关闭提示框写入cookie刷新页面...

    原生js cookie代码点击关闭提示框写入cookie刷新页面...

  • jquery.tinyTips提示框插件一句代码实现鼠标悬停文字...

    jquery.tinyTips提示框插件一句代码实现鼠标悬停文字...

  • jquery.poshytip提示框插件鼠标悬停到文字上出现浮动...

    jquery.poshytip提示框插件鼠标悬停到文字上出现浮动...

  • Jquery实用收缩提示框

    Jquery实用收缩提示框

  • jQuery Tooltip气泡提示框插件 多种漂亮主题风格

    jQuery Tooltip气泡提示框插件 多种漂亮主题风格

  • jQuery仿天猫手机站信息提示弹出层

    jQuery仿天猫手机站信息提示弹出层

  • html5手机验证转盘抽奖弹出提示框代码

    html5手机验证转盘抽奖弹出提示框代码

  • 纯css3悬停文字Tooltip工具提示框代码

    纯css3悬停文字Tooltip工具提示框代码

  • 纯css3提示框鼠标滑过tip提示框动画特效

    纯css3提示框鼠标滑过tip提示框动画特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2