EasyUI-提示框

來源:互聯網
上載者:User
代碼Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>Messager</title>    <script src="../jquery-1.4.2.min.js" type="text/javascript"></script>    <script src="../jquery.easyui.min.js" type="text/javascript"></script>    <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />    <link href="../themes/icon.css" rel="stylesheet" type="text/css" />    <script>        function show1() {            $.messager.show({                title: '提示資訊1',                msg: '資訊1',                showType: 'show'            });        }        function show2() {            $.messager.show({                title: '提示資訊2',                msg: '資訊5分鐘後消失.',                timeout: 5000,                showType: 'slide'            });        }        function show3() {            $.messager.show({                title: '漸進顯示資訊3',                msg: '漸進顯示資訊3',                timeout: 0,                showType: 'fade'            });        }    </script></head><body>    <h1>資訊提示</h1>    <div>        <a href="javascript:void(0)" onclick="show1()">顯示</a> |        <a href="#" onclick="show2()">滑動</a> |        <a href="#" onclick="show3()">漸進顯示</a> |    </div></body></html>

效果

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.