这是一款zepto.js实用的提示框插件制作手机端操作弹出提示框图标动画效果代码。
// 基本参数 // width:180, 动画容器的宽度
*宽度默认180px // height:150, 动画容器的高度
*宽度默认150px // type:"success" 弹出动画类型
*默认为success成功 error错误 load加载中 tip提示信息 // msg:'操作成功', 弹出的信息
*默认 ‘操作成功’ // bg:true, 是否显示背景遮罩层 *默认有浅黑色背景遮罩
使用方法
在页面引入表单提交代码
<div class="btn-container"> <input type="button" id="success" value="成功" /> <input type="button" id="error" value="错误" /> <input type="button" id="load" value="正在加载" /> <input type="button" id="tip" value="提示" /> </div>
JS代码
在页面引入zepto.min.js、dialog.min.js相关代码
<script src="javascript/zepto.min.js"></script> <script type="text/javascript" src="javascript/dialog.min.js"></script>