Pseudo-Ajax Click on the title to show "Loading ..."

Fade out effect

Here is an example of the fading effect, the following style comes from StackOverflow's A.M.K.

The code is as follows

Copy Code

. content{ -webkit-animation:fadein 2s; * Safari and Chrome * * -moz-animation:fadein 2s; * * Firefox * -ms-animation:fadein 2s; /* Internet Explorer/* -o-animation:fadein 2s; /* Opera * * Animation:fadein 2s; } @keyframes Fadein { from {opacity:0;} to {opacity:1;} } * * Firefox * @-moz-keyframes Fadein { from {opacity:0;} to {opacity:1;} } * Safari and Chrome * * @-webkit-keyframes Fadein { from {opacity:0;} to {opacity:1;} } /* Internet Explorer/* @-ms-keyframes Fadein { from {opacity:0;} to {opacity:1;} } /* Opera * * @-o-keyframes Fadein { from {opacity:0;} to {opacity:1;} }

The content above is going to fade into the container, from the equivalent of 0%,to is 100%, I believe you have probably come up with a simple way to use.

page is loading rotation effect poke me

Title is loading effect

First you need to load jquery, and if your site has been loaded it's free

code is as follows

copy code

<script Type= "Text/javascript" src= "Http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js" ></SCRIPT> Then add the following code to the header.php of the current topic, before the label: <script type= "Text/javascript src=" http:// Jqueryjs.googlecode.com/files/jquery-1.2.3.min.js "></script>a<script type=" Text/javascript " $ (document). Ready (function () { $ (' H2 a '). Click (function () { myloadoriginal = This.text; $ (this). Text (' Please wait a minute, Trying to load ... '); var myload = this; settimeout (function () {$ (myload). Text (myloadoriginal);}, 2011); }); }); </script>

The above "H2 a" if changed to "a", you can achieve all the connections show this effect. The following 2011 is the time that this effect displays, in milliseconds, and can be modified as appropriate.
What's the matter with the water?

MORE: This load on the effect is based on JS, rely on jquery, gradually into the effect of relying on CSS. Although add three after actually loading speed is slow, but feel have a lot of fun feeling. It's a matter of opinions. Unexpectedly, this spinning ball is not a picture is written in CSS. The title is loading the most annoying people point to one and point another