How to add cool loading animation effects to WordPress blog

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

A good blog is not only to give readers the knowledge or content they want, but also to give readers the enjoyment of reading. Because some friends of the speed is very slow, and the blog pictures and so on a lot of content, so in the page open often need to wait a half-day, if at this time can show a beautiful admission animation, may be able to ease the frustration of waiting for the web to open. Today to share the Zhoushu blog's Loading animation effects.

The implementation of the effect is not troublesome, simply use several layers to mask the page, and then add an animated GIF or CSS animation on top of this layer, share the specific code below:

1: First to load the jquery library, if you have already loaded jquery, you can ignore this step, I used the WordPress with the library, the loading method is as follows:

<?php wp_enqueue_script (' jquery ');?>

2: Load CSS animation effects in head:

<style type= "Text/css" > #loading {position:fixed!important; position:absolute; top:0; left:0; height:100%; width : 100%; z-index:999; Background: #000; opacity:0.7; Filter:alpha (opacity=70); font-size:14px; line-height:20px} #loading-one{color: #fff; position:absolute; top:50%; left:50%; margin:50px 0 0-80px; padding:3px 10px circle{Background-color:rgba (0,0,0,0), border:5px solid Rgba (0,183,229,0.9); opacity:.9; border-right:5px Solid