今天我们用Tipso插件来演示八种不同提示效果,并且了解下Tipso API。
演示一:默认效果
<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种<b>提示演示</b>,<a href='http://www.sucaihuo.com/jquery/demo/94/' target='_blank'>点击查看</a>。
参数 | 描述 | 默认值 |
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(){} |
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791