大飞_dafei

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

artDialog

jquery.artDialog.js 简单使用

需要引入三个文件 

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

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

01) 打开一个基本弹窗

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!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   大飞_dafei  阅读(92)  评论(0)  编辑  收藏  举报

相关博文：
· dayjs
· svg简单使用
· js基础 仿 百度换皮肤 案例 含素材
· jQuery实现无刷新切换主题皮肤功能
· QML实现换肤（主题样式切换）
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
历史上的今天：
2020-12-02 JavaScript_中的坑 sort
点击右上角即可分享
微信分享提示