弹出提示框,确认、取消按钮分别转跳到不同的网页

来源:互联网 发布:淘宝男装店铺名称 编辑:程序博客网 时间:2024/06/05 05:09

多次重复使用

<a href="javascript:void(0)" onclick="login_all()" class="btn btn-danger btn-squared">111</a>
<a href="javascript:void(0)" onclick="login_all()" class="btn btn-danger btn-squared">000</a>

<script>function login_all() { layer.open({title: ['温馨提示'],content: '<div style="color:#767676">您只需投资一款指定的金融产品,即可免费获得此商品。<br/>投资期满后,您即可提取本金和投资收益。</div>',btn: ['立即投资', '取消'],shadeClose: true,//回调函数yes: function(index, layero){   self.location='http://www.baidu.com';//立即投资按钮},btn2: function(index, layero){   self.location='http://www.163.com';//取消按钮},cancel: function(index,layero){ //按右上角“X”按钮   self.location='http://www.qq.com';},}); }</script>




不能重复用,只能一次


<script> layer.open({title: ['温馨提示'],content: '<div style="color:#767676">您只需投资一款指定的金融产品,即可免费获得此商品。<br/>投资期满后,您即可提取本金和投资收益。</div>',btn: ['立即投资', '取消'],shadeClose: true,//回调函数yes: function(index, layero){   self.location='http://www.baidu.com';//立即投资按钮},btn2: function(index, layero){   self.location='http://www.163.com';//取消按钮},cancel: function(index,layero){ //按右上角“X”按钮   self.location='http://www.qq.com';},}); </script>


插件官网:http://layer.layui.com/

0 0
原创粉丝点击