Diễn Đàn Game - Forum Game Private | GamePrivate.Biz

Xin Chào

[Code] loading style xenforo

Share
    avatar

    Tổng số bài gửi : 9

    Giới tính : Male

    Gold : 29

    Cảm Ơn : 2

    Ngày Tham Gia : 2014-07-09

    Post by zzlasperpen on 09/07/14, 12:44 pm



    JS
    In all pages
    Code:
    jQuery(function() {
      jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>');
      jQuery('a').click(function() {
          jQuery('#ajax_loading').slideDown();
          setTimeout('load()', 5000);
      });
    });
    function load() {
      jQuery('#ajax_loading').slideUp('2000');
    }
    setTimeout('load()', 5000);
    CSS
    Code:
    #ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 10000;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}