您的位置:首页 > Web前端 > JQuery

【自己开发】Jquery的loading插件

2017-02-21 15:29 253 查看
经过几周的时间的开发。我的loading插件终于上线了。这个插件功能为客户提供正在等待的信息,提供优良用户体验效果。

先看效果。



原理我内部实现我不讲,特别简单。

我说调用方式和api。

首先引用jquery-1.10.2.js,建议用高版本。

<script src="jquery-1.10.2.js"></script>


然后引入样式和js文件,Loading.css和Loading.js

<link rel="stylesheet" href="Loading/Loading.css">
<script src="Loading/Loading.js"></script>


初始化并调用Loading方法

a =  $('body').Loading({loadingMsg:"正在加载,请稍等..."});


相关的api

初始化参数

参数名称参数类型
loadingMsg提示信息
loadingTle提示框名称


调用举例

a =  $('body').Loading({loadingMsg:"正在加载,请稍等...",loadingTle:"提示框"})


方法列表

方法名称方法说明
Close()关闭窗体
SetloadingMsg(msg)设置信息提示 参数为信息名称
这个插件的优势,能防止浏览器滚动的功能。

大功告成,谢谢大家。

下载地址
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: