Basic Messager
Basic
2023-09-14 08:59:55 时间
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Messager - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> </head> <body> <h2>Basic Messager</h2> <p>Click on each button to see a distinct message box.</p> <div style="margin:20px 0;"> <a href="#" class="easyui-linkbutton" onclick="show()">Show</a> <a href="#" class="easyui-linkbutton" onclick="slide()">Slide</a> <a href="#" class="easyui-linkbutton" onclick="fade()">Fade</a> <a href="#" class="easyui-linkbutton" onclick="progress()">Progress</a> </div> <script type="text/javascript"> function show(){ $.messager.show({ title:'My Title', msg:'Message will be closed after 4 seconds.', showType:'show' }); } function slide(){ $.messager.show({ title:'My Title', msg:'Message will be closed after 5 seconds.', timeout:5000, showType:'slide' }); } function fade(){ $.messager.show({ title:'My Title', msg:'Message never be closed.', timeout:0, showType:'fade' }); } function progress(){ var win = $.messager.progress({ title:'Please waiting', msg:'Loading data...' }); setTimeout(function(){ $.messager.progress('close'); },5000) } </script> </body> </html>
相关文章
- R语言代做编程辅导ASSIGNMENT THREE - BASIC R SKILS(附答案)
- konga配置Basic Auth
- BUUCTF 刷题笔记——Basic 2
- BUUCTF 刷题笔记——Basic 1
- R_basic 01
- R_basic 02
- WPJAM Basic 详细介绍:一页概览 WordPress 服务器系统信息
- WPJAM Basic 扩展 - SMTP 发信:使用第三方邮箱的 SMTP 服务来发送邮件
- WPJAM Basic 详细介绍:一键优化 WordPress 文章设置和操作
- Nginx访问控制_登陆权限的控制(http_auth_basic_module)详解程序员
- Go实战–也许最快的Go语言Web框架kataras/iris初识(basic认证、Markdown、YAML、Json)详解大数据
- 从 BASIC 到 Ruby:入门编程语言的体悟
- 《代码英雄》第三季(2):学习 BASIC
- 混合开发: Visual Basic 与 SQL Server 的故事(vb和sqlserver)
- Oracle基础快速入门(oracle-basic)