国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery插件hiAlert實現網頁對話框美化

2024-05-06 16:19:09
字體:
來源:轉載
供稿:網友

hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失敗和操作提醒三種信息提示方式。hiAlert瀏覽器兼容性非常好,支持更改提示內容,支持定位提示框的位置,可配置插件參數。

厭煩了IE瀏覽器的警告窗,伴隨著“咚”恐懼的一聲,讓人感覺好像有一種壞事情即將來臨。而如今各瀏覽器對網頁的彈出警告框(alert)、確認對話框(confirm)、輸入框(prompt)顯示效果不一,本文借助hiAlert插件來為您統一網頁的對話框風格。

hiAlert插件是根據 jquery.alerts 改進得來,包括了常用的幾種提示框,還提供了漸變提示條效果,彈出網頁層效果,它目前兼容各主流瀏覽器。

使用方法

hiAlert提供了五種方法可以使用:

1、hiAlert

hiAlert(content,title,callback);

hiAlert方法提供3個參數,content:內容,title:對話框標題,callback:回調函數,若無則不寫,如:

 

  
  1. hiAlert("歡迎來到helloweba.com","提示");  

2、hiConfirm

hiConfirm(content,title,callback);

hiConfirm方法提供3個參數,content:內容,title:對話框標題,callback:回調函數,若無則不寫,如:

 

 
  1. hiConfirm('你確認此操作嗎?','確認框',function(r){  
  2. hiOverAlert('你的反饋是: ' + r);  
  3. });  

3、hiPrompt

hiPrompt(content,deinput,title,callback);

hiConfirm方法提供4個參數,content:內容,deinput:輸入框的默認值,title:對話框標題,callback:回調函數,若無則不寫,如:

 

 
  1. hiPrompt('請填寫:','默認值','輸入框',function(r){  
  2. if(r) hiOverAlert('你填入的內容是“' + r+'”');  
  3. });  

4、hiBox

hiBox(obj,title,w,h,submit,cancel,callback)

hiBox方法提供7個參數,obj: 被指定打開的對象(對象唯一),即對話框中展示的內容關聯的對象,title:標題,w:寬度,h:高度,submit:可設置內容中的對象為"submit",如果有callback,點此返回callback行為,cancel:對話框中的取消或關閉按鈕對象,callback:回調函數,如:

 

 
  1. hiBox('#showbox''標題',400,'','','.a_close');  

5、hiOverAlert

hiOverAlert(content,timeout);

hiOverAlert用來展示信息提示條效果,類似本站文章中的效果,它提供了兩個參數,content:提示內容,timeout:提示時間,默認為3000,即3秒。如:

 

  
  1. hiOverAlert('操作提示條信息',1500);  

在使用時一定記得加載jQuery庫和hiAlert插件,以及對應的css樣式。您也可以修改CSS來進一步美化對話框。此外,如果需要拖動對話框效果,則需要載入jquery.ui.draggable.js,可以到了解詳情。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 阜阳市| 祁门县| 鹤山市| 林州市| 唐海县| 东光县| 贵德县| 彩票| 凤山县| 敦化市| 胶南市| 青铜峡市| 平顺县| 梁山县| 林口县| 连州市| 班戈县| 怀仁县| 西林县| 堆龙德庆县| 大港区| 康保县| 平谷区| 安多县| 平顶山市| 铜川市| 上虞市| 延庆县| 平泉县| 万荣县| 商水县| 子长县| 宝鸡市| 贞丰县| 广宗县| 九江市| 通海县| 盘锦市| 那坡县| 永顺县| 綦江县|