1. 程式人生 > >強大的響應式jQuery訊息通知框和資訊提示框外掛

強大的響應式jQuery訊息通知框和資訊提示框外掛

lobibox是一款功能非常強大的jQuery訊息通知框和資訊提示框外掛。這個外掛分為兩個部分:訊息通知框和資訊提示框。它能非常好的結合Bootstrap使用。

資訊提示框

  • lobibox的資訊提示框可以是模態視窗,也可以不是模態視窗。
  • 允許顯示多條資訊。
  • 允許使用任何可用的CSS動畫來顯示和隱藏資訊提示框。
  • 資訊提示框可以顯示不同的顏色和圖示。
  • 可以設定為確認資訊提示框。
  • 可以設定為一行的prompt資訊框。(可以使用任何HTML5的輸入框型別來作為prompt)
  • 也可以設定為多重prompt資訊框。
  • 可以在資訊提示框上使用進度條。
  • 可以通過ajax呼叫來自定義資訊提示框中的內容。
  • 每一條資訊都是外掛的一個例項物件。你可以非常容易的獲取這些例項物件,併為它們附件事件會在物件中呼叫方法。

訊息通知框

  • 支援不同顏色的訊息通知框。
  • 可以在視窗的任意角部為主顯示訊息通知框。
  • 可以顯示訊息通知框將要消失的時間進度條。
  • 可以在訊息通知框上顯示圖片。
  • 可以在訊息通知框顯示時發出提示音。
  • 可以將訊息通知框顯示為不同的尺寸。

相關推薦

強大響應jQuery訊息通知資訊提示外掛

lobibox是一款功能非常強大的jQuery訊息通知框和資訊提示框外掛。這個外掛分為兩個部分:訊息通知框和資訊提示框。它能非常好的結合Bootstrap使用。 資訊提示框 lobibox的資訊提示框可以是模態視窗,也可以不是模態視窗。允許顯示多條資訊。允許使用任何可用的C

響應布局的理解認知

ati port cap 解決方案 方向 能夠 str wid 第一次 隨著互聯網的快速發展,HTML5迅速崛起,響應式布局也慢慢的被廣泛的運用起來,身為之後的Web前端人員,我覺得應該要掌握“響應式布局”。  響應式布局,簡單點說就是做一個網站而能多終端多平臺運行的由一個

關於有償提供拼圖響應後臺的通知

後臺 直接 評論 log 效果 功能機 不同 src 朋友 拼圖響應式前端框架版響應式後臺正式發布。 考慮到目前拼圖的狀況,我們不打算免費開放下載,但也不會收各位朋友1分錢,該版後臺將有償提供給各位給予拼圖貢獻的朋友。 廢話不多說,一切皆以有圖有真相,下面上圖,歡迎各種果斷

jQuery獲取Select選擇的Text(文字資訊) Value屬性的值,select語法解釋;單選複選

地址:http://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html  jQuery獲取Select選擇的Text和Value: 語法解釋: 1. $("#select_id").change(function(){

S Gallery – 很有特色的響應 jQuery 相簿外掛

  S Gallery 是一款響應式的 jQuery 相簿外掛。使用了 HTML5 全屏 API 以及 CSS3 動畫 和 CSS3 轉換,所以只能在支援這些功能的瀏覽器中使用。   這款外掛它有一個特色功能:退出幻燈片模式回到網格檢視模式,最後一張活躍的圖片會以動畫形式回到網格檢視中的初始位置,因此使用者

響應佈局的實現方法原理

昨天我在馬海祥部落格上跟大家詳細的介紹過《什麼是響應式網頁設計?》,我覺的響應式網頁設計不僅僅是一種趨勢,還更是一個新的設計解決方案!它有助於解決不同的解析度和裝置(臺式電腦,膝上型電腦,平板,手機)相關的設計問題。既然是設計的問題,這裡就會涉及到很多層面的角色,包括互動

響應函數語言程式設計RxJava的理解

面向函數語言程式設計, 即會將函式作為一個數據物件.下面看Android中RxJava的實現 RxJava 是一個觀察者模式的擴充套件: RxJava 一個觀察者模式的擴充套件, 觀察者模式: 比如Button的點選事件,對設定 OnClickListener 來說, Bu

ie相容響應佈局的實現總結 針對ie瀏覽器的CSS

ie瀏覽器hack .demo { padding:10px; padding:9px\9; /* all ie */ padding:8px\0; /* ie8-9 目前應用於IE8的單獨hack,情況比較少 */ *padding:5px; /* ie6

響應Web設計:HTML5CSS3實戰(讀書筆記)

視口:瀏覽器視窗內的內容區域,不包含工具欄,標籤欄。網頁實際顯示. 螢幕尺寸:裝置物理顯示區域 各種寬度和高度 a、可視區的真實寬度和高度 document.documentElement.clientWid

認識響應相容問題respond.jshtml5shiv.js

//檢測是否支援media query,檢測css是否有效的方法都差不多,建立一個元素應用該css後檢測元素寬度,然後清除該元素。 window.matchMedia = window.matchMedia || (function(doc, undefined){ var bool, do

toastr jQuery訊息通知外掛文件

簡介 Toastr是一款基於jQuery的通知外掛,可以靈活的自定義樣式和拓展其功能! 引用 <span style="font-family:Comic Sans MS;"><

用AnkoKotlin實現Android上的對話警告提示(KAD 24)

posit eve linear 免費 clas testing size uil 如何 作者:Antonio Leiva 時間:Mar 9, 2017 原文鏈接:https://antonioleiva.com/dialogs-android-anko-kotlin/

vue.js實現單選、復選下拉

new type 方式 避免 -- js實現 處理 scrip 按鈕 Vue.js可以很方便的實現數據雙向綁定,所以在處理表單,人機交互方面具有很大的優勢。下邊以單選框、復選框和下拉框為例介紹他們在HTML和Vue.js中的具體實現方式。 一、單選框 在傳統的HTML

微信小程序-修改單選復選大小的方法

整體 復選框 col 限制 微信 for 明顯 單選框 模糊 方法有兩種: 一:采用css的zoom屬性 zoom縮放會將元素保持在左上角,並且會有毛邊,可能會稍稍改變元素原來的形狀。 二:采用css3的transform:scale屬性 zoom縮放會將元素保持在中間

單選復選中value值得獲取

二維 輸出 clas catch 個數 his code ray line 在開發過程中,為了提高代碼維護性,一般使用foreach語句來輸出復選框或者單選框中的值。例如我的這段代碼: 1 <?php 2 foreach ($Array_yanpan_r

android自動提示文字下拉

自動提示框和下拉框佈局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"

jqGrid表格單選多選

行單選,在載入列表的js下新增以下屬性和方法     beforeSelectRow: true,     beforeSelectRow:function(){         $("#inventory

自定義單選多選

說明:作為一個Java後端程式設計師,有時候也需要自己去寫些前端程式碼,所以將工作中用到的一些小知識做記錄分享。 1.自定義單選框(有圖片) * ①先看效果圖: * ②再獻上完整程式碼: <!DOCTYPE html> <html> &l

select單選多選設定預設值

在使用select單選框的時候,有時候需要配合後臺傳遞的資料設定預設值。這時候需要js來設定select單選框的預設值。 比如我們定義瞭如下的單選框 <select name="locus" id="selected" class="form-control">

【2018.05.14】python3.6+selenium 單選複選

下面是一個單選框和複選框的HTML檔案 <html> <head> <title>"X box 單選"</title> </head> <body> &l