基于jQuery的提示框插件
基于jQuery的提示框插件,可自动消失可手动消失。
实例:
Dome演示
依赖基于jQuery,使用需首先在项目里添加jQuery
下载 https://github.com/hubvue/Tips.git
或者点击上方 Clone or download
使用<script src="Tips/tips.js"> </script> 实例
HTML文件
<div class="box"> <button id="success">success</button> <button id="error">error</button> <button id="warning">warning</button> <button id="message">message</button> </div>
JavaScript文件
$("#success").click(function(){ new Tips("success",'这是一个成功的提示',2000); }) $("#error").click(function () { new Tips("error", '这是一个失败的提示', 2000); }) $("#warning").click(function () { new Tips("warning", '这是一个警告的提示', 2000); }) $("#message").click(function () { new Tips("message", '这是一个消息的提示', 2000); })
或者
$("#success").click(function(){ Tips("success",'这是一个成功的提示',2000); }) $("#error").click(function () { Tips("error", '这是一个失败的提示', 2000); }) $("#warning").click(function () { Tips("warning", '这是一个警告的提示', 2000); }) $("#message").click(function () { Tips("message", '这是一个消息的提示', 2000); }) API
多参数注入
第一个参数 type 第一个参数为提示框类型,四种类型可选。 参数的值:success、error、warning、message 默认值:message
<button id="success">success</button> <script> $("#success").click(function(){ new Tips("success"); }) </script>
第二个参数
第二个参数为提示框中的内容,指向性提示(success,error、warning)内容最多12个字,非指向性提示文字可多可少。 默认值:“内容为空”
$("#success").click(function(){ new Tips("success",'这是一个成功的提示'); })
第三个参数
第三个参数为提示框存在时长(当提示框存在指定时间后,自动消失) 默认值:1000ms
$("#success").click(function(){ new Tips("success",'这是一个成功的提示',2000); }) 类名
当文件加载到项目顶端的时候,会产生一个名为Tips的全局类名。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。