1. 程式人生 > >彈出框美化 alert樣式美化

彈出框美化 alert樣式美化

引用style.css和ui.js就可以直接用以下介面呼叫!

alert_帶標題:

mizhu.alert('alert_帶標題', '這是alert效果');

alert_帶圖示:

mizhu.alert('', '這是alert效果','alert_red');

alert_帶標題帶圖示:

mizhu.alert('alert_帶標題帶圖示', '這是alert效果','alert_green');

 alert_無標題無圖示:

mizhu.alert('', '這是alert效果'
);

confirm_無標題:

mizhu.confirm('', '是否要取消關注?', function(flag) { if(flag) { mizhu.alert('', '取消成功'); } });   

confirm_帶標題:

mizhu.confirm('', '是否要取消關注?', function(flag) { if(flag) { mizhu.alert('溫馨提醒', '取消成功'); } }); 


open:

mizhu.open(600, 400, '新浪微博'
, 'http://weibo.com/yuanyuanforlove');


toast_預設3秒消失:

mizhu.toast('已取消關注');

toast_自定義時間(6秒):

mizhu.toast('已取消關注', 6000);

下載Demo:

http://files.cnblogs.com/files/yuanxiaojian/alert.rar


本人蔘考了http://www.cnblogs.com/kewei/p/4423112.html 進行修改和美化,增加了一些自定義開關,後續會繼續更新。

相關推薦

美化 alert樣式美化

引用style.css和ui.js就可以直接用以下介面呼叫! alert_帶標題: mizhu.alert('alert_帶標題', '這是alert效果');

Js-Alert幾種樣式(一級)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~js-alert彈出框樣式第一種~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

JS三種alert、confirm、prompt)

<script> alert('hello');//彈框① 沒有返回值,返回undefined confirm("彈框②");//返回值為布林型別:true、false prompt("這是彈框③嗎?","是的");//帶輸入框的彈窗 </script>

js的alert、confirm、prompt

彈出框:alert()、confirm()、prompt() 警示對話方塊alert() confirm() 有返回值,點選“確定”返回true,點選“取消”返回false。 <script language="javascript"> //js指令

jQuery+Bootstrap美化

專案中很多彈出的警告框是通過alert()彈出的瀏覽器警告框,樣式比較醜陋且和頁面使用的Bootstrap框架樣式不吻合,因此需要修改彈出框樣式。 採用jQuery+Bootstrap的方式這樣彈出的警告框樣式也就不會跳出前臺頁面框架。 jquery需要1.8以上,匯入jquery-co

Android 多種簡單的樣式設定

簡介 這是一個基於AlertDialog和Dialog這兩個類封裝的多種彈出框樣式,其中提供各種簡單樣式的彈出框使用說明。同時也可自定義彈出框。 專案地址:https://github.com/Liumce/jjdxm_dialogui 特性 1.使用鏈式開發程式碼簡潔明瞭2.所有的彈出

各種簡單樣式 這是一個基於 AlertDialog 和 Dialog 這兩個類封裝的多種樣式,其中提供各種簡單樣式使用說明。同時也可自定義

jjdxm_dialogui 專案地址:jjdxmashl/jjdxm_dialogui  簡介:各種簡單樣式的彈出框 這是一個基於 AlertDialog 和 Dialog 這兩個類封裝的多種彈出框樣式,其中提供各種簡單樣式的彈出框使用說明。同時也可自定義彈出框。 更多:作者

android自定義樣式實現

前言: 做專案時,感覺android自帶的彈出框樣式比較醜,很多應用都是自己做的彈出框,這裡也試著自己做了一個。 廢話不說先上圖片: 實現機制 1.先自定義一個彈出框的樣式 2.自己實現CustomDialog類,繼承自Dialog,實現裡面方法,在裡面載入自定義樣式的

資料提交及樣式

function cancleFun(orderId) { parent.$.messager.confirm('確認', '確定要撤銷這條申請嗎?', function(r) { if(r){ var pos

React Native API模組之Alert詳解及使用

(一)前言 今天我們繼續來一個Android、iOS平臺通用的彈出框Alert模組。 剛建立的React Native技術交流2群(496601483),歡迎各位大牛,React Native技術愛好者加入交流!同時部落格右側歡迎微信掃描關注訂閱號,移動技術乾貨,精彩文章技術推送! 該Alert模組

去掉移動端alert和confirm攜帶url連結

/** * 去掉移動端alert彈出框攜帶url連結 */ window.alert = function(name){ var iframe = do

Bootstrap--自定義懸停標題、內容和樣式

1.Bootstrap彈出框示例 <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title=

layer 與自定義樣式

1 匯入layer.js2 匯入自定義的layer.css @charset "utf-8";body .p_window {border: none; font-size: 12px; font-family: "Microsoft Yahei", sans-serif;}

Promise重寫confirm,alert .then()

所有程式碼,可以執行: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>con

Android提供常用的訊息,Toast和Alert

Android提供兩個常用的訊息彈出框,Toast和Alert。 Toast Toast是一種短暫的提示框,並不需要使用者互動,也不會將focus移過來,因此可以適合大多數的場景,向用戶進行資訊提示。在之前的學習中,已經多次使用到Toast了。 建立一個Toast很簡單,使

jquery封裝了一個簡潔輕巧的可拖動可自定義樣式的純div+css帶遮罩層的仿模態

        最近封裝上癮,想起以前做的一個輕巧的彈出框,是樣式和指令碼分離的,於是重新封裝了一下,把樣式標籤統一到js裡了。 裡面還有一些問題,但不影響使用,有興趣的同學,可以參考完善下,有好的建議,請不吝賜教。 if (typeof jQuery === 'unde

系統預設alert域名title問題

(function(){        window.alert = function(name){var iframe = document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src", 'dat

去掉alert,confirm顯示的url

重寫兩個方法,即可達到要求,防範如下,寫在<script>裡即可 <script> window.alert = function(name){

js自帶alert,confirm,prompt用法

 <html> <SCRIPT language=javascript> function del() { var name=window.confirm('確定刪除?'); alert(name); if(name){ retur

【微信小程式】類微信樣式/模態

github地址:https://github.com/sajiang/popup-for-weixin可以檢視完整的元件程式碼和使用方法。效果:1.引入component/popUp2.is-show-pop-up="{{isShowModal}}"來控制popUp的彈出和