0

ページ上のすべてが読み込まれたときに、このようにページを読み込むにはどうすればよいですか? 例: http://www.creabox.es/themes/verde/index_images.php

私のコード:

#h1count {opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}



#h1count {
        font-family: 'League Gothic';
    src: url( 'leaguegothic-regular-webfont.eot');
    src: url('leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic-regular-webfont.woff') format('woff'),
         url('leaguegothic-regular-webfont.ttf') format('truetype'),
         url('leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size:70px;
    line-height:70px;
    opacity: 1;
4

1 に答える 1

0

最も簡単な解決策は、アニメーションをクラスに入れ、css に書き込むことです。

例えば

.animation {
   animation: anim-1 0.2s ...
   -webkit-animation: anim-1 ...
}

ライブラリまたはプラグインを介してJavascriptを介してhtml要素のロードを制御します...それらはたくさんあります

または、JQuery メソッド $(element).load(function(){} を使用できます

すべてがロードされていることを確認してください

ページ全体の読み込みに $(window).load(function(){} を使用し、その後要素にアニメーション クラスを追加できます。

アニメーションはページの読み込み後に実行されます

于 2013-10-26T18:49:22.733 に答える