zoukankan      html  css  js  c++  java
  • Basic Messager

    <!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>
  • 相关阅读:
    Windows vm install MAC OS
    DragonBones cpp
    APK .
    cocos2D-X vs2015 lua project 断点调试
    为什么前后端分离了,你比从前更痛苦?
    CSS3中一些鲜为人知的属性
    Web认证_介绍Web开发中几种常用的认证机制
    基于JWT的Token认证机制实现及安全问题
    别了,JavaScript;你好WebAssembly
    css设置全屏背景图,background-size 属性
  • 原文地址:https://www.cnblogs.com/azhqiang/p/4435327.html
Copyright © 2011-2022 走看看