layui在当前页面弹出层的HTML
教程管理员 发布于2023-09-30 14:24 HTML教程 152
简介:
layui在当前页面弹出层的HTML
封装弹出层调用函数
/*弹出层*/ function getDiv(title, id, w, h) { if (title == null || title == '') { title = false; } if (w == null || w == '') { w = ($(window).width() * 0.9); } if (h == null || h == '') { h = ($(window).height() - 50); } layer.open({ type: 1, area: [w + 'px', h + 'px'], title: false, //title: title, fix: false, //不固定 maxmin: false, shadeClose: true, closeBtn: 2,//关闭按钮,0不显示,1和2两种风格; anim: 3,//弹出动画,0~6; shade: 0.6,//遮罩层 skin: 'layui-layer-nobg layer_bg', //没有背景色 content: $(id), }); }
HTML页面调用
<div class="ctitle">年龄占比分析 <span class="laybg new2" onClick="getDiv('年龄占比分析','#popup2',750,550)"><i class="icon2"> </i></span> <div id="ages"></div> </div>
HTML页面要显示的层
<!--弹窗内容 Begin--> <!--年龄--> <div class="popup" id="popup2"> <div id="ages2" style="width:750px;height:550px;"></div> </div> <!--弹窗信息 End-->
Done !
相关推荐
- 03-01 一份航空信件风格的PPT模板,非常有创意,内页采用稿纸风格,还包括邮票风格图片展示页面和数据页面。
- 02-25 时尚杂志风图文排版PPT模板。一套精美的欧美杂志风PowerPoint模板,以图文排版页面为主。
- 02-20 高端企业商业计划书PPT模板。一套商业计划书幻灯片模板,图文排版页面为主,动态播放,高端大气。
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-