https://github.com/xadillax/jquery.loadingmask

To quickly build a loading mask.
https://github.com/xadillax/jquery.loadingmask

Last synced: 28 days ago
JSON representation

To quickly build a loading mask.

• Host: GitHub
• URL: https://github.com/xadillax/jquery.loadingmask
• Owner: XadillaX
• License: gpl-2.0
• Created: 2014-05-19T13:28:54.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2019-01-29T08:19:23.000Z (almost 6 years ago)
• Last Synced: 2024-10-05T01:52:59.252Z (about 1 month ago)
• Language: JavaScript
• Size: 9.77 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
jQuery Loading Mask

==================

To quickly build a loading mask.

Usage

------------------

Include the `*.js` and `*.css` files.

```html

```

> ***Notice:*** You can even create a theme by yourself.

And then choose an element to create the mask.

```javascript

$("your-element").loadingMask();

$("your-element").loadingMask("show");

$("your-element").loadingMask("hide");

$("your-element").loadingMask("toggle");

```

However, you can get the `mask object` by equaling the `*.loadingMask()`:

```javascript

var mask = $("your-element").loadingMask();

mask.show();

mask.hide();

mask.toggle();

```

> ***By the way:*** If you want to get the `mask object`, make sure there's only one object matches your element.

>

> The code below will not make sense if you have several `.cls`:

>

> ```javascript

> var mask = $(".cls").loadingMask();

> ```