一个简单的向上弹出的菜单

一个简单的向上弹出的菜单

一、导入必要的css文件
pop-up-menu.css

二、HTML部分
<div id="menu"></div>

三、js部分
在我的案例中用的zepto,也可以使用JQuery,这是必要的依赖
导入pop-up.menu.js

var pop = new popMenu("#menu", {
    position:{
        left:1,
        bottom:1
        //默认是右下角,单位rem
    },
    size:{
        width:4,
        height:4
        //默认大小,单位rem
    },
    title: "弹出菜单",
    menu:[
        {
            title:"item1",
            data:{
            //点击时回调的数据
            }
        },
        {
            title:"item2",
            data:{
            //点击时回调的数据
            }
        },
        {
            title:"item3",
            data:{
            //点击时回调的数据
            }
        }
    ],
    callback: function(index, data) {
        //点击菜单回调
        console.log(index + data)
    }
})

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。