1. 程式人生 > >layer 彈出層 使用

layer 彈出層 使用

點選 彈窗 提示

onclick="javascript:tancc();"

示例程式碼
1.

<span style="font-weight:bold;margin-left:25px;" onclick="javascript:tancc();">說明<img src="images/sm.png"></span>
     function tancc()
     {
      //alert('{$username}');
      //         layer.open({
      //   type: 2,
      //   title: '說明',
      //   shadeClose: true,
      //   shade: 0.8,
      //   area: ['330px', '80%'],
      //   content: "jhd_shouquan.php?act=shouquan_fbsq&username={$username}" 
      // });

      layer.msg("<span style='font-size:17px;'>說明:</br>01.會員價只給打 √ 的客戶看</br>02.店內所有商品都有會員價</span>");

     }

效果圖:
在這裡插入圖片描述


點選 彈出層

<a href="javascript:tanc();"

程式碼示例:
1.

<span style="line-height:32px;font-weight:bold;"><a href="javascript:tanc();"><span>檢視客戶狀態 >></span></a></span>

    function tanc(){
        //alert('{$username}');
        layer.open({
        type: 2,
        title: '授權狀態檢視',
        shadeClose: true,
        shade: 0.8,
        area: ['330px', '80%'],
        content: "jhd_shouquan.php?act=shouquan_fbsq&username={$username}" 
        });

    }

效果圖:
在這裡插入圖片描述