Comment puis-je obtenir cet effet?

Question

J'ai vu de nombreux plugins jquery qui font cela et je me demande si quelqu'un sait comment le faire (Cela me sauverait beaucoup de temps).

Lorsque vous chargez, dites le dialogue jquery ui.

Il apparaît tout flashy et l'arrière-plan s'assombrit.

http://jqueryui.com/demos/dialog/#modal

http://jreject.turnwheel.com/# (exécuter l'un des démos)

Je pense qu'ils utilisent fondu jquery et sortir. Mais je ne suis pas sûr. Probablement la plupart des effets sont de sorte de css avec un zindex.

Answer 1

Un simple <div> qui est la taille maximale de l'écran est la base de celui-ci, par exemple, voici la version « blockUI:

<div style="z-index: 1000; border: none; margin: 0; padding: 0; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); cursor: wait; position: fixed; opacity: 0.6; "></div> 

Here's a minimalist demo showing it in action