zepto手机操作提示框图标动画插件

zepto手机操作提示框图标动画插件

这是一款zepto.js实用的提示框插件制作手机端操作弹出提示框图标动画效果代码。

// 基本参数 // width:180, 动画容器的宽度

*宽度默认180px // height:150, 动画容器的高度

*宽度默认150px // type:"success" 弹出动画类型

*默认为success成功 error错误 load加载中 tip提示信息 // msg:'操作成功', 弹出的信息

*默认 ‘操作成功’ // bg:true, 是否显示背景遮罩层 *默认有浅黑色背景遮罩

使用方法
在页面引入表单提交代码

1
2
3
4
5
6
<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相关代码

1
2
<script src="javascript/zepto.min.js"></script>
<script type="text/javascript" src="javascript/dialog.min.js"></script>

文件信息:

    1

    发表评论