簡單的message提示框插件

jQuery message插件制作點(diǎn)擊按鈕調(diào)用信息提醒，成功提示，警告提示，失敗提示等。這是一款簡單的浮動(dòng)提示框代碼。

使用方法：

調(diào)用方式：

$('.btn-info').on('click',function(){
    $.message({
        message:'信息提醒',
        type:'info'
    });
})
$('.btn-success').on('click',function(){
    $.message({
        message:'成功提示',
        type:'success'
    });
})
$('.btn-warning').on('click',function(){
    $.message({
        message:'警告提示',
        type:'warning',
	duration:0,
	showClose:true,
	center:true,
	onClose:function(){alert('知道了')}
    });
})
$('.btn-danger').on('click',function(){
    $.message({
        message:'失敗提示',
        type:'error'
    });
})

參數(shù)詳解：

message:' 操作成功',    //提示信息
duration:'5000',       //顯示時(shí)間（默認(rèn)：5s）
type:'info',           //顯示類型，包括4種：success.error,info,warning 默認(rèn)info
showClose:false,       //顯示關(guān)閉按鈕（默認(rèn)：否）
center:true,           //頁面豎直居中（默認(rèn)：否）
onClose:function,      //點(diǎn)擊關(guān)閉回調(diào)函數(shù)

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢模板僅展示和個(gè)人非盈利用途，織夢系統(tǒng)商業(yè)用途請預(yù)先授權(quán)。

查看演示下載資源

481 12310 46