今天我们用Tipso插件来演示八种不同提示效果,并且了解下Tipso API。
淘建站为您提供更多_图片代码_图片滚动_提示框_tipso,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 170 次
18 积分
演示一:默认效果
<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(){} |

