_pop如何快速制作弹出层/弹出窗口
126
1


https://x1.php168.com/bbs/show-1533.html

_pop的由来 看上面的帖子


然后就是到了这个东西可以这样用

<a href="https://www.baidu.com"; class="_pop">百度</a>

就能弹出个窗口层


最进想设置个窗口层的 标题/长/宽

想着是不是还要自己要写js 想到写js就很烦头痛哦

想着既然有了_pop没准已经写好了呢

不看不知道一看还真有


最上面的帖子中提到了 

<script type="text/javascript" src="__STATIC__/js/qibo.js"></script>

默认这个js已经引入

找到这个js研究了一下

代码大概意思 就是:


代码片段创建了一个名为Qibo的对象,其中包含一个名为pop的方法。该方法使用jQuery的delegate函数来委托a标签的点击事件,但只有当a标签具有类名为"_pop"时才会触发。在点击事件处理程序中,代码根据设备类型和窗口宽度设置了弹出层的默认宽度、高度和位置偏移。

在点击a标签时,代码会使用layer.open函数打开一个弹出层。弹出层的标题、宽度和高度可以通过a标签的"data-title"、"data-width"和"data-height"属性进行自定义,如果未指定这些属性,则使用默认值。弹出层的内容由a标签的href属性指定。


看到里面的注释

超级链接那里加上 class="_pop" 就可以实现弹窗, 

设置 data-width="600" data-height="600" 就可以指定弹窗大小 , 

设置  data-title="标题XXX" 就可以设置弹窗标题


然后完善代码就轻松实现了 点击弹出窗口层-自定义窗口标题-自定义长度/宽度

<a href="https://www.baidu.com"; class="_pop" data-title="百度" data-width="1314px" data-height="520px">百度</a>


记录下 方便以后查阅




1
赏礼
赏钱
收藏
点击回复
      全部留言
  • 1
更多回复
恢复多功能编辑器
  • 3 1
  • X1模板讨论
        圈内贴子1367
    • 圈子成员305
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648