大飞_dafei

导航

artDialog

jquery.artDialog.js 简单使用

需要引入三个文件 

jquery.min.js,  jquery.artDialog.js,  iframeTools.js

jquery.min.js, jquery.artDialog.js, iframeTools.js

01) 打开一个基本弹窗

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery_artDialog</title>
    <script type="text/javascript" src="./jquery_artDialog/jquery-1.5.2.min.js"></script>
    <script src="./jquery_artDialog/jquery.artDialog.js?skin=defaultFei" type="text/javascript"></script>
    <!-- <script src="./jquery_artDialog/jquery.artDialog.js?skin=default" type="text/javascript"></script>-->
    <script src="./jquery_artDialog/iframeTools.js" type="text/javascript"></script>
    <script>
        let foo = function() {
            console.log(art);
            // art.dialog.open('./index_02.html', { title: '123abc', width: 50, height: 50,color:'red' });
            var d = art.dialog({
                title: '欢迎',
                content: '欢迎使用 artDialog 对话框组件！',
                width: 100,
                height: 100
            });
            d.show();
        }
    </script>
</head>
<body>

<button onclick="foo()">点击我,使用 ?skin=default 可以切换皮肤样式</button>
</body>
</html>

 

 

posted on 2022-12-02 20:34  大飞_dafei  阅读(110)  评论(0)    收藏  举报