当前位置:主页 > jquery插件 > 弹出提示 >

模仿微信小程序Toast等弹框

栏目分类:弹出提示   模板编号:JQ00094    发布日期:2018-05-29   来源:www.zybox.cc   浏览次数:次     在线预览
基于jQuery的toast、loading、模态对话框、操作菜单仿微信小程序插件


引入js

<script src="js/jquery-1.10.2.js"></script>
<script  src="js/alert.js"></script>

引入JS代码块

<script>
    $(".btn").on("click",function () {
        showToast({
            title:"成功的哟!",
            icon:'success',
            duration:3000,
            mask:true,
            success:function (res) {
                console.warn(JSON.stringify(res))
            }
        });
        /*setTimeout(function(){
            hideToast()
        },1000)*/
    });
    $(".btn1").on("click",function () {
        showLoading({
            title:"测试测试测试,测试测试测试,测试测试测试",
            mask:true,
            success:function (res) {
                console.warn(JSON.stringify(res))
            }
        });
        setTimeout(function(){
            hideLoading()
        },2000)
    });
    $(".btn2").on("click",function () {
        showModal({
            title:"提示",
            content:"asdasda",
            showCancel:true,
            cancelText:'no',
            cancelColor:"#ffffff",
            confirmText:'yes',
            confirmColor:'#ffffff',
            success:function (res) {
                if (res.confirm) {
                    console.warn("User clicking determination" + JSON.stringify(res));
                } else {
                    console.warn("User clicking cancel" + JSON.stringify(res));
                }
            }
        });
    });
    $(".btn3").on("click",function () {
        showActionSheet({
            itemList: ['A', 'B', 'C',],
            itemColor:"#cccccc",
            success: function(res) {
                console.warn(JSON.stringify(res))
            },
        });
    });
</script>

详细使用参照demo文件

在线演示 立即下载
打赏本站
云盘密码:4xbk
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载