文档章节

模态弹窗

猿神出窍
 猿神出窍
发布于 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>

 

© 著作权归作者所有

共有 人打赏支持
猿神出窍
粉丝 17
博文 181
码字总数 66634
作品 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
Bootstrap 使用对话框

使用模态框的弹窗组件需要三层 div 容器元素 分别为 modal(模态声明层) dialog(窗口声明层) content(内容层) 在内容层里面,还有三层,分别为 header(头部) body(主体) footer(注脚) 一个简单的...

hakase
2016/09/24
61
0

没有更多内容

加载失败,请刷新页面

加载更多

[LintCode] Linked List Cycle(带环链表)

描述 给定一个链表,判断它是否有环。 样例 给出 -21->10->4->5, tail connects to node index 1,返回 true。 这里解释下,题目的意思,在英文原题中,tail connects to node index 1 表示的...

honeymose
20分钟前
3
0
Android :报错Your project path contains non-ASCII characters.

报错内容如下 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Windows. Please move your project to a different directory. See ht......

lanyu96
31分钟前
2
0
Nginx平滑添加模块

Nginx已经编译安装并运行了一段时间, 然后某一天, 发现需要用到某个模块但当初没有编译, 这个时候怎么办呢? 卸载重新安装肯定可以的, 如果Nginx版本没有变更的话, 则有一个相对平滑的方法来添...

老菜鸟0217
36分钟前
5
0
spark安装测试

spark安装测试 由于本地已经安装好hadoop相关组件,所以本文是在yarn的基础上对spark进行安装及测试 确保hdfs及yarn成功启动,hadoop版本为2.7.3 安装scala,由于本人安装的spark是2.4.0,对应...

-九天-
50分钟前
4
0
周末看完了《电能计量自动化技术》

整体质量还行,下面分别将心得记录如下: 第一章:发展历程可以看看,现在算是智能电网阶段 2:讲主站系统。以文件进行各模块的交互很值得思考,尤其是批量数据,多团队合作的情况下。另外线...

max佩恩
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部