博主信息
博文 11
粉丝 0
评论 0
访问量 10770
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Tp5封装layer弹窗
The Wolf Of Faith
原创
2228人浏览过
  • 官网下载layer

  • 引入文件:

  • <!--layer,官网可下载-->
    <script type="text/javascript" src="/static/home/layer/jquery.min.js"></script><script type="text/javascript" src="/static/home/layer/layer.js"></script>
    <!--封装JS-->
    <script type="text/javascript" src="/static/home/layer/layershow.js"></script>

  • html代码部分:

  • <a href="javascript:;" onclick="edit('编辑','/home/ucbs/cate_edite?cate_id={$vo.cate_id}','1','800','500')">编辑</a>

  • js部分:

  • <script type="text/javascript">
    /*编辑*/
    function edit(title,url,id,w,h){
        layer_show(title,url,w,h);
    }
    </script>

  • layer_show.js

  • /**
    * Created by konghuawei on 2017/10/17.
    */
    /*弹出层*/
    /*
    参数解释:
    title    标题
    url        请求的url
    id        需要操作的数据id
    w        弹出层宽度(缺省调默认值)
    h        弹出层高度(缺省调默认值)
    */
    function layer_show(title,url,w,h){
       if (title == null || title == '') {
           title=false;
       };
       if (url == null || url == '') {
           url="404.html";
       };
       if (w == null || w == '') {
           w=800;
       };
       if (h == null || h == '') {
           h=($(window).height() - 50);
       };
       layer.open({
           type: 2,
           area: [w+'px', h +'px'],
           fix: false, //不固定
           maxmin: true,
           shade:0.4,
           title: title,
           content: url
       });
    }
    /*关闭弹出框口*/
    function layer_close(){
       var index = parent.layer.getFrameIndex(window.name);
       parent.layer.close(index);
    }



本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学