文档章节

模态弹窗

猿神出窍
 猿神出窍
发布于 2017/09/05 20:21
字数 140
阅读 11
收藏 0
点赞 0
评论 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>

 

© 著作权归作者所有

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

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

qq_38125123 ⋅ 2017/08/16 ⋅ 0

微信小程序开发-自定义模态对话框实例

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

qq_38125123 ⋅ 2017/08/15 ⋅ 0

娇娇jojo/模态弹窗

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

娇娇jojo ⋅ 2017/10/18 ⋅ 0

Chromium 新的弹窗机制以及 HTML 的 元素

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

justjavac ⋅ 2017/06/27 ⋅ 0

Bootstrap 使用对话框

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

hakase ⋅ 2016/09/24 ⋅ 0

iOS 模态弹窗 --ZZCustomAlertView

ZZCustomAlertView 是一个可以高度自定义的 iOS 模态弹窗 (modal alert view)。 项目地址:https://github.com/zzdjk6/ZZCustomAlertView Github 项目里包含一个 Example 的 Demo 示例。 使用...

陈圣晗 ⋅ 2015/07/01 ⋅ 0

兼容移动端的模态框插件--artModal

概述: artModal是一个兼容移动端的模态框插件。 灵感来自BootStrap的modal组件,与其不同的是artModal能够做到: 零依赖其他组件 向下兼容到IE6 允许多个模态框同时堆叠出现 与以往的弹窗插...

liyu365 ⋅ 2016/12/06 ⋅ 0

iOS弹窗UIAlertController的使用

1,在想要设弹窗的控制器或者视图中直接编写即可,初始化UIAlertConroller: alertControllerWithTitle: //填写要显示的标题 message://填写弹窗内容 preferredStyle: //窗口样式 2,设置U...

AustinKuture ⋅ 2016/06/03 ⋅ 0

yii2中如何使用modal弹窗之基本使用

作者:白狼 出处:http://www.manks.top/yii2modalbaseuse.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利...

白狼栈 ⋅ 2016/06/02 ⋅ 0

UIViewController 类--ENPopUp

ENPopUp 是一个 UIViewController 类,用来显示模态弹窗的任意视图控制器。

叶秀兰 ⋅ 2014/07/15 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

推荐:并发情况下:Java HashMap 形成死循环的原因

在淘宝内网里看到同事发了贴说了一个CPU被100%的线上故障,并且这个事发生了很多次,原因是在Java语言在并发情况下使用HashMap造成Race Condition,从而导致死循环。这个事情我4、5年前也经历...

码代码的小司机 ⋅ 昨天 ⋅ 1

聊聊spring cloud gateway的RetryGatewayFilter

序 本文主要研究一下spring cloud gateway的RetryGatewayFilter GatewayAutoConfiguration spring-cloud-gateway-core-2.0.0.RC2-sources.jar!/org/springframework/cloud/gateway/config/G......

go4it ⋅ 昨天 ⋅ 0

创建新用户和授予MySQL中的权限教程

导读 MySQL是一个开源数据库管理软件,可帮助用户存储,组织和以后检索数据。 它有多种选项来授予特定用户在表和数据库中的细微的权限 - 本教程将简要介绍一些选项。 如何创建新用户 在MySQL...

问题终结者 ⋅ 昨天 ⋅ 0

android -------- 颜色的半透明效果配置

最近有朋友问我 Android 背景颜色的半透明效果配置,我网上看资料,总结了一下, 开发中也是常常遇到的,所以来写篇博客 常用的颜色值格式有: RGB ARGB RRGGBB AARRGGBB 这4种 透明度 透明度...

切切歆语 ⋅ 昨天 ⋅ 0

CentOS开机启动subversion

建立自启动脚本: vim /etc/init.d/subversion 输入如下内容: #!/bin/bash## subversion startup script for the server## chkconfig: 2345 90 10# description: start the subve......

随风而飘 ⋅ 昨天 ⋅ 0

Nginx + uwsgi @ubuntu

uwsgi 安装 sudo apt-get install python3-pip # 注意 ubuntu python3默认没有安装pippython3 -m pip install uwsgi 代码(test.py) def application(env, start_response): start_res......

袁祾 ⋅ 昨天 ⋅ 0

版本控制工具

CSV , SVN , GIT ,VSS

颖伙虫 ⋅ 昨天 ⋅ 0

【2018.06.19学习笔记】【linux高级知识 13.1-13.3】

13.1 设置更改root密码 13.2 连接mysql 13.3 mysql常用命令

lgsxp ⋅ 昨天 ⋅ 0

LVM

LVM: 硬盘划分分区成物理卷->物理卷组成卷组->卷组划分逻辑分区。 1.磁盘分区: fdisk /dev/sdb 划分几个主分区 输入t更改每个分区类型为8e(LVM) 使用partprobe生成分区的文件:如/dev/sd...

ZHENG-JY ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部