jQuery消息提示框插件Tipso

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

div class='dowebok' h21，默认/H2 div class=' inner ' span id=' tip 1 ' data-tipso=' dowebok。com ' tipso/span/div/div演示一：默认效果

$('#tip1 ').tipso({ usetitle : false })；演示二：左侧显示

$('#tip2 ').tipso({ useTitle: false，位置： ' left ' })；演示三：背景颜色

$('#tip3 ').tipso({ useTitle: false，background: '番茄' });演示四：使用标题属性

$('#tip4 ').tipso()；演示五：单击显示/隐藏

$('#tip5 ').tipso({ usetitle : false })；$('#btn5 ').打开({单击：函数(e){ if($(this)).text()=='显示){ $(这个)。文本('隐藏');$('#tip5 ').tipso(" show ")；} else { $(this).文本('显示');$('#tip5 ').tipso("隐藏");} e . PreventDefault()；}});演示六：更新内容

$('#tip6 ').tipso({ usetitle : false })；$('#btn6 ').on('click ')，function() { var $val=$(this).prev().val()；if ($val) { $('#tip6 ').tipso('update '，' content '，$ val)；}});演示七：在图片上使用

$('#tip7 ').tipso({ usetitle : false })；演示八：回调函数

$('#tip8 ').tipso({ useTitle: false，onBeforeShow:函数(){ $(“# status”).html(' BeforeSHow ')；}，onshow : function(){ $(' # status ').html(' show ')；}，onHide:函数(){ $('#status ').html(“”隐藏');}});以上所述就是本文的全部内容了，希望大家能够喜欢。