php弹出div,javascript 通过封装div方式弹出div窗体_javascript技巧

33f51549a5723a1a11d0e23442cb2722.png

图1(弹出一个div)

9170956e0afe805d8fe10dfaf810f53b.png

图2(弹出多个)

构造函数:

var DivWindow= function(popup/*最外层div id*/,popup_drag/*拖动div id*/,popup_exit/*退出按钮id*/ ,exitButton/*触发服务器端退出按钮id*/,varwidth,varheight,zindex){

this.popup =popup ;

this.height =varheight ; //窗口高度,并没用来设置窗口高度宽度,用来定位在屏幕的位置

this.width =varwidth ; //窗口宽度

this.popup_exit=popup_exit;

this.exitButton=exitButton;

this.zindex=zindex;

this.init = function(){ //初始化窗口

this.popupShow();

this.startDrag(); //设置拖动

this.setCommond(); //设置关闭

DivWindow.ArrayW.push(document.getElementById(this.popup)); //存储窗口到数组

};this.init();

};

调用:

有的地方可能大家觉得有点奇怪,不要问我问什么,因为我有这个需要,有时间再修改一下遮罩效果。更详细代码请见下载

完整代码

窗口类

sffs

片区资料

片区名称:

片区资料2222

片区名称:yj

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

打包下载

相关标签:弹出div

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值