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>
  • 相关阅读:
    HOW TO MAKE IT FLOW ?
    ansys14.0 从入门到精通
    ansys 14.0
    C++ GUI Qt4 编程 (第二版)
    零基础学QT编程
    医学成像与医学图像处理
    曾巩传
    c++ 编程调试秘笈
    matlab实用教程
    不要重复发明轮子-C++STL
  • 原文地址:https://www.cnblogs.com/azhqiang/p/4435327.html
Copyright © 2011-2022 走看看