jQuery easyUI--消息框的使用
生活随笔
收集整理的這篇文章主要介紹了
jQuery easyUI--消息框的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>消息框的使用</title><script type="text/javascript" src="../js/jquery-1.8.3.js" ></script><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script><script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script><link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" /><link rel="stylesheet" href="../js/easyui/themes/icon.css" /><script type="text/javascript">$(function(){// 警告窗口$.messager.alert("標題","內容","warning");// 確認窗口$.messager.confirm("刪除提示","確定刪除嗎？",function(result){if(result){alert("執行刪除...");}else{alert("取消刪除...");}});// 輸入窗口$.messager.prompt("調查窗口","你叫什么名字？",function(val){alert("你好," + val);});// 右下角窗口 $.messager.show({title: "標題",msg : "減價大促銷 ， <a href='#'>請猛戳這里</a>",timeout: 5000 // 5秒后自動消失});// 進度條 $.messager.progress({interval: 1000 // 每1秒 增長10% });// 定時器，5秒后自動關閉進度條 window.setTimeout("$.messager.progress('close');",5000);});</script></head><body></body>
</html>
總結
以上是生活随笔為你收集整理的jQuery easyUI--消息框的使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery easyUI--下拉菜单的
- 下一篇： jQuery easyUI--弹窗的使用