jquery遮罩插件

在开发的时候会遇到前端页面上的问题,美化页面也是一门技术,jquery提供了各种的插件特效,来美化页面。

这里的实例是使用遮罩插件

jquery遮罩插件_第1张图片

jquery插件的下载地址:点击打开链接

下载好需要的插件后解压出来,双击后缀为.html的文件即可查看特效效果。

jquery遮罩插件_第2张图片

将src文件里面的js和css文件放入项目相应的目录下面



页面配置

在head里面配置相应的路径

在script里面写相应的代码:

    $("body").mLoading({
        'text':"",         //加载文字,默认值:加载中...
            'icon':"",    //加载图标,默认值:一个小型的base64的gif图片
        'html':false,   //设置加载内容是否是html格式,默认值是false
        'content':"",   //忽略icon和text的值,直接在加载框中显示此值
        'mask':true    //是否显示遮罩效果,默认显示
    });                     //最好写在script的最上面

显示和隐藏遮罩分别放在相应的位置,一般在事件开始之前和结束之后

$("body").mLoading("show");//显示loading组件

$("body").mLoading("hide");//隐藏loading组件


$(" ")里面的参数可以查看.html的文本文档来确定

你可能感兴趣的:(jquery)