弹出提示框,确认、取消按钮分别转跳到不同的网页
来源:互联网 发布:淘宝男装店铺名称 编辑:程序博客网 时间: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
- 弹出提示框,确认、取消按钮分别转跳到不同的网页
- 拥有确认和取消两个按钮的提示框
- 弹出确认提示框,确定,取消
- 服务器端 弹出确认框,选择确定,取消 实现不同效果
- 网页关闭时弹出确认取消对话框
- 给按钮添加提示对话框,确认-取消
- js中的弹出确认取消的弹出框小技巧
- WPF 带有确认按钮的弹出框
- 当点击网页某个按钮或者超链接执行某些需要确认的命令时,弹出确认框
- 类似新浪微博中取消关注的弹出确认框
- android 有确认和取消按钮的 AlertDialog 弹出的使用说明
- Android覆写Back键弹出确认和取消按钮
- javascrpit删除确认取消提示框代码
- 解决IE7的window.close()弹出确认提示框
- javascript按钮特效--- 删除时弹出确认提示
- ASP.NET按钮点击后弹出确认提示
- AjaxControlToolKit ----ConfirmButtonExtender (确认提示框按钮扩展)的简单使用方法
- c# 点击关闭按钮弹出确认框
- Swift 3.0 【Swift 3.0 相较于 Swift 2.2 的变化】
- PAT 乙级 1009 说反话
- Ubuntu从字符界面打开图形界面,别用startx
- 登陆验证码
- 2.支持向量机概念详解
- 弹出提示框,确认、取消按钮分别转跳到不同的网页
- Linux的五个查找命令:find,locate,whereis,which,type
- 相比于深度学习,传统的机器学习算法难道就此没落了吗,还有必要去学习吗?
- Hibernate联合主键映射
- 属性驱动,模型驱动及动态方法调用
- 几句代码快速集成自定义转场效果+ 全手势驱动
- Python之美[从菜鸟到高手]--装饰器之使用情景分析
- HTML学习笔记-form表单(五)
- Ubuntu14.04下配置PHP7.0+Apache2+Mysql5.7