jquery toastr提示框的使用

2021-08-02 14:25:27 字數 1305 閱讀 7270

toastr是一款非常棒的基於

jquery庫的非阻塞通知提示外掛程式，toastr可設定四種通知模式：成功，出錯，警告，提示，而提示視窗的位置，動畫效果都可以通過能數來設定，在官方站可以通過勾選引數來生成js，非常的方便使用。

引入核心js檔案和css檔案

<


link 


href


="toastr.css"


rel="stylesheet"


type


="text/css"


/>


<


script 


src="jquery-1.9.1.min.js"


>


script


>


<


script 


src="toastr.js"


>


script


>


"stylesheet


" href="


toastr.min.css


">
使用寫法示例：

1 //常規訊息提示，預設背景為淺藍色  


toastr.info("你有新訊息了!"); 


2 //成功訊息提示，預設背景為淺綠色 


toastr.success("你有新訊息了!"); 


3 //警告訊息提示，預設背景為橘黃色 


toastr.warning("你有新訊息了!"); 


4 //錯誤訊息提示，預設背景為淺紅色 


toastr.error("你有新訊息了!"); 


5 //帶標題的訊息框


toastr.success("你有新訊息了!","訊息提示");
效果圖： 

編寫js**
另外，彈出位置並不是一成不變的：

toast-top-left  頂端左邊


2 toast-top-right 頂端右邊


3 toast-top-center 頂端中間


4 toast-top-full-width 頂端，寬度鋪滿整個螢幕


5 toast-botton-right 


6 toast-bottom-left


7 toast-bottom-center


8 toast-bottom-full-width

阻塞提示框

函式原型 void ceikonenv alertwin const tdesc amsg void ceikonenv alertwin const tdesc amsg1,const tdesc amsg2 static void ceikonenv infowinl const tdesc a...

iOS學習，提示框

剛開始學習ios開發，在此過程中學習到很多知識點，寫這些的目的，首先是為了給像我一樣的小白提供一些參考資料，其次是對自己所學知識的乙個總結與記錄。廢話不多說，下面開始。沒啥要匯入的，可以直接開始。感覺還是直接大串 效果好，後面會進行一定的語句分析。來！import tbviewcontroller....

Android Toast訊息提示框

在某些情況下需要向使用者彈出提示訊息，如顯示錯誤資訊，收到短訊息等，android提供兩種彈出訊息的方式，訊息提示框toasts和對話方塊alerts。toast是一種短暫的訊息提示，顯示一段時間後不需要使用者互動會自動消失，所以用來顯示一些建議性的不太重要的訊息，如提示使用者後台乙個任務完成了。使...