文档章节

模态弹窗

猿神出窍
 猿神出窍
发布于 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
博文 175
码字总数 61429
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

SingleNumber136 leetCode

Given a non-empty array of integers, every element appears twice except for one. Find that single one. Note: Your algorithm should have a linear runtime complexity. Could you im......

woshixin
昨天
1
0
String ,  StringBuffer ,  StringBuilder的区别

String , StringBuffer , StringBuilder的区别 String 首先,String 是用来表示一个字符串常量的,它是一个不可变对象,意味着,一旦我们创建了某个字符串之后,就不能再改变它的值了,我们可...

tsmyk0715
昨天
2
0
区块链100讲:UTXO 和 Account 模型对比

在当前区块链世界中,主要有两种记录保存方式,UTXO 模式(Unspent Transaction Output) 和 Account 模式。Bitcoin 采用的是 UTXO 模型,Ethereum 采用的 Account 模型,同样 CITA 也采用了 ...

HiBlock
昨天
1
0
Vue中路由管理器Vue Router使用介绍(三)

一、路由定义添加动态参数定义 1.路由定义项,使用:xx 方式 定义动态参数 { path:'/user/:id/:name', name:'user', component:()=>import('./views/User.vue') ...

tianma3798
昨天
1
0
从ibdata文件恢复mysql数据

DROP TABLE 恢复【一】 Recover InnoDB dictionary Percona Data Recovery Tool 单表恢复

IT--小哥
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部