layer弹窗，layer url弹窗，layer div弹窗等

liuxin_0725

已于 2022-12-14 09:42:52 修改

阅读量554

点赞数

分类专栏： css样式 javascript 文章标签： json

于 2022-12-14 09:33:41 首次发布

本文链接：https://blog.csdn.net/liuxin_0725/article/details/128311514

版权

javascript 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

css样式

15 篇文章 0 订阅

订阅专栏

//DIV弹窗
<div   id="edit-content" style="display: none">
    <form   id="form1" name="form1" action="" method="post">
        <input  type="hidden" name="postType" id="postType"  value="1" >
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table2">
               <tr>
                <td  > 银行卡数相同</td>
                <td> <input name="hand_type_9" type="radio" value="1" <?php if(isset($hand_withdraw_set['9']) && $hand_withdraw_set['9']==1) echo 'checked="checked"';?>  >开启验证
                    <input name="hand_type_9" type="radio" value="0" <?php if(!isset($hand_withdraw_set['9']) || $hand_withdraw_set['9']==0) echo 'checked="checked"';?> >关闭验证</td>
            </tr>  
            <tr><td colspan="2"><button type="submit" class="input_button1" style="margin-left: 45%;">确认修改</button></td></tr>
        </table>
    </form>
</div>
<script language="javascript">
    function edit() {
        layer.open({
            type: 1,
            title: "设置",
            area: ['800px', '600px'],
            shadeClose: true, //点击遮罩关闭
            content: $("#edit-content")
        });
    }
</script>

//自定义样式弹窗
<script language="javascript"> 
   var handTypeJson = "<?=json_encode($handTypeConst);?>";
    var handTypeConst = JSON.parse(handTypeJson);
    function showDetailHandType(handType){
        var handTypeArr = handType.split(',');
        var tableHtml = '<table width="80%" border="0" cellspacing="1" cellpadding="0" style="margin: 10px 10px">';
        for(key in handTypeArr){
            tableHtml += '<tr><td height="30" width="40">' + handTypeConst[handTypeArr[key]] + '</td></tr>';
        }
        tableHtml += '</table>';
        layer.open({
            type: 1,
            title: "详情",
            area: ['800px', '600px'],
            shadeClose: true, //点击遮罩关闭
            content: tableHtml
        });
    }
</script>

onclick="layer_show('info.php?uid=<?=$val['uid'];?>','查看',75,80)"

function layer_show(url,title,w,h){
    if (title == null || title == '') {
        title='data';
    };
    if (url == null || url == '') {
        url="404.html";
    };
    if (w == null || w == '') {
        w=100;
    };
    if (h == null || h == '') {
        h=100;
    };
    layer.open({
        type: 2,
        area: [w+'%', h +'%'],
      //  fix: false, //?????
     //   maxmin: true,
        shade:0.4,
        title: title,
        shadeClose: true, //?????????
        content: url
    });
}