今天我们用Tipso插件来演示八种不同提示效果,并且了解下Tipso API。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
演示一:默认效果
<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(){} |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群