文档章节

模态弹窗

猿神出窍
 猿神出窍
发布于 2017/09/05 20:21
字数 140
阅读 11
收藏 0

实例:

<!--弹窗-->
<div class="ProfitPop" id="js_Profit" style="display: none">
	<i class="popClose">CLOSE</i>
	<div class="ft16">Available Commission: <span class="txtC2ac ft18">$315.65</span></div>
	<div class="AffItem">
		<div class="txtCacc">Your Affiliate Link:</div>
		<input type="text" class="ele_txt" placeholder="$ Enter the amount"/>
	</div>
	<div class="AffItem">
		<div class="txtCacc">Your Account Name:</div>
		<input type="text" class="ele_txt"/>
	</div>
	<div class="AffItem">
		<div class="txtCacc">Withdraw Amount:</div>
		<input type="text" class="ele_txt" placeholder="$ 88"/>
	</div>
	<a href="#" class="ele_btn btn-green" style="width: 130px;margin-top: 20px;"><span>Withdraw</span></a>
</div>
<script>
        $('.withdraw').on('click',function(){

            //弹窗
			layer.open({
        		type: 1,
	            title: false,
	            skin: 'Popstyle',
	            closeBtn: 0,
	            content: $('#js_Profit'),
	            shade: [0.5,'#131e22'],
	            area: ['350px', '388px'],
	            success:function(){
	            	//关闭弹窗
	            	$('.popClose').click(function(){
	            		layer.closeAll();
	            	})
	            }
       		});
        });
    </script>

 

© 著作权归作者所有

共有 人打赏支持
猿神出窍
粉丝 16
博文 173
码字总数 60983
作品 0
沙坪坝
项目经理
微信小程序—自定义模态对话框实例

微信小程序—自定义模态对话框实例 由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对...

qq_38125123
2017/08/16
0
0
微信小程序开发-自定义模态对话框实例

微信小程序—自定义模态对话框实例 由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对...

qq_38125123
2017/08/15
0
0
娇娇jojo/模态弹窗

这是我自己写的一个小小模态弹窗插件(基于zepto,主要针对移动端),界面简洁(模拟IOS模态弹窗设计),喜欢的可以拿去使用哈~~ 目前只支持2种状态:确认弹窗和模态弹窗(根据popStatus区分...

娇娇jojo
2017/10/18
0
0
Chromium 新的弹窗机制以及 HTML 的 元素

自 1995 年 JavaScript 诞生之初,就包含了 3 个方法 、 和 。在随后的 Chrome 版本中,Chrome 团队一直在修改原生弹窗的表现。 但是这种阻断式的弹窗总被各种广告网站恶意使用,因为只要弹窗...

justjavac
2017/06/27
0
0
iOS | 对封装自定义弹窗的一点思考

背景 由于项目原因,经常需要封装自定义弹窗。 最开始我封装自定义弹窗的思路是在上add一个自定义view,后来被keyWindow坑过一次后,改为在上add自定义view。 按照这种套路,一路走来封装了不...

无夜之星辰
07/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Ubuntu18.04 显卡GF-940MX安装NVIDIA-390.77

解决办法: 下面就给大家一个正确的姿势在Ubuntu上安装Nvidia驱动: (a)首先去N卡官网下载自己显卡对应的驱动:www.geforce.cn/drivers (b)下载后好放在英文路径的目录下,怎么简单怎么来...

AI_SKI
今天
0
0
深夜胡思乱想

魔兽世界 最近魔兽世界出了新版本, 周末两天升到了满级,比之前的版本体验好很多,做任务不用抢怪了,不用组队打怪也是共享拾取的。技能简化了很多,哪个亮按哪个。 运维 服务器 产品 之间的...

Firxiao
今天
0
0
MySQL 8 在 Windows 下安装及使用

MySQL 8 带来了全新的体验,比如支持 NoSQL、JSON 等,拥有比 MySQL 5.7 两倍以上的性能提升。本文讲解如何在 Windows 下安装 MySQL 8,以及基本的 MySQL 用法。 下载 下载地址 https://dev....

waylau
今天
0
0
微信第三方平台 access_token is invalid or not latest

微信第三方开发平台code换session_key说的特别容易,但是我一使用就带来无穷无尽的烦恼,搞了一整天也无济于事. 现在记录一下解决问题的过程,方便后来人参考. 我遇到的这个问题搜索了整个网络也...

自由的开源
今天
2
0
openJDK之sun.misc.Unsafe类CAS底层实现

注:这篇文章参考了https://www.cnblogs.com/snowater/p/8303698.html 1.sun.misc.Unsafe中CAS方法 在sun.misc.Unsafe中CAS方法如下: compareAndSwapObject(java.lang.Object arg0, long a......

汉斯-冯-拉特
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部