Jquery loading overley and delay some seconds

Wednesday, April 19th, 2017 (0 Comment)

If we want loading one screen with a opacity, we will use jquery loading overley.

After loading overley, we need to remove this screen to return page for users continue action.

Sometime, we also set delay 1 second or 2 seconds to appear loading overley screen before finish loading overley.

1) CSS for jquery loading overley screen

2) Function create jquery loading overley screen

  • Line 3: we can load a image to jquery loading overley to make it more beauty
  • Line 8: using for remove jquery loading overley screen

3) Function remove jquery loading overley screen

  • Line 2: remove loading overley that created in loadingOverley() function
  • Line 3 – 6: Loading and finish are very fast, so we can set time delay about 3 seconds before finish loading overley.

You can see demo in here.

Tags: , , , ,

Related Posts

jquery
Create parent child combobox in jquery
jquery
Responsive table CSS or flip table CSS
jquery
Auto break two columns to one row and Harizontal Scroll CSS
jquery
Create a html tree in jquery or javascript

Related Posts

jquery
Create parent child combobox in jquery
jquery
Responsive table CSS or flip table CSS
jquery
Auto break two columns to one row and Harizontal Scroll CSS
jquery
Create a html tree in jquery or javascript

Leave a Reply

Your email address will not be published. Required fields are marked *