簡單的彈框插件,可以模擬alert、confirm等常見彈框

jopen 8年前發布 | 9K 次閱讀 JavaScript開發

layer

簡單的彈框插件,可以自動以模擬alert、confirm等常見彈框

主要接口

open:
  mylayer = TGUI.layer.open(settings);
close:
  TGUI.layer.close(mylayer);

settings配置說明

settings = {
    "position":[xpos,ypos], //位置:值為數字
    "title":"信息", //彈框標題
    "dragable":true, //是否可以拖拽
    "button":{
        "showBtn":true, //是否顯示按鈕(如果為true,btns為空,那么默認顯示確認按鈕)
        "btns":[{
            "valueStr":"確定", //按鈕文字
            "callback": func,  //點擊按鈕觸發事件
            "className":className //按鈕class
        }]
    },
    "area":[width, height], //彈出框寬高:值為數字
    "content":htmlstr, // 內容 html字符串
    "shade":true //是否顯示遮罩層
}

項目地址: https://github.com/TinyAnn/alert

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!