模态弹窗
模态弹窗
猿神出窍 发表于7个月前
模态弹窗
  • 发表于 7个月前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

摘要: 弹窗 用layer.js

实例:

<!--弹窗-->
<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>

 

标签: jQuery
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 15
博文 156
码字总数 55877
×
猿神出窍
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: