2

私はテキストdivを持っています私はページがロードされたときまたはdivがロードされたときにこれにフェードアウト効果が欲しいです私はこれを実行したい次のhtmlコードを持っています

<div class="text_paragraph">
    <p>Bovine Respiratory Disease (BRD) is the leading cause of economic 
       loss in the beef industry. <small>1, 2</small></p>
</div>
4

2 に答える 2

3

これはCSS3で行うことができます。このように書いてください：

.text_paragraph >p{
    -webkit-animation: fadi 5s 1;
}
@-webkit-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadi {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

これをチェックしてくださいhttp://jsfiddle.net/TPsb7/2/

于 2012-04-25T05:21:57.840 に答える
1

要素をフェードアウトすることは、通常、純粋なHTMLでは行われません。CSSでそれを行うことができますが、概して、最小限のコードで複雑なアニメーションや効果を実行する贅沢を可能にするjQueryのようなライブラリの助けを借りて行われます。

$(document).ready(function(){
  $(".text_paragraph").fadeOut();
});

div上記のコードは、ドキュメントの読み込みが完了するとすぐにフェードアウトします。

于 2012-04-25T05:18:07.023 に答える