2016-05-04 7 views
-5

それはdiv要素アウト

<div> 
Thanks for apply 
</div> 

はそれが

+0

フォームを送信した後は? – Rayon

+0

あなたが試したことを示してください –

+0

はい@Rayonフォームを提出 – Rakyir

答えて

-2

私はあなたが<div id="div1" >として、jQueryのを使用して、あなたのdivにいくつかのIDを言及する必要があると思います。 jQueryを使ってそれはかなり簡単です:上記のコードで

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
      $("#div1").fadeIn(2000); 
      $('#div1').delay(3000).fadeOut(2000) 
     }); 
    }); 
    </script> 

ボタンがクリックされたときに、DIV1は2秒でフェードインし、3秒後には、それが2秒でフェードアウトします遅延されます。

+0

上記コードの問題は何ですか? –

0
をフェードアウトする必要があり、5秒後

にフェードインする必要があります示してボタンをクリックしたときに、私はボタン<input type="submit" id="btnApply" name="btnApply" value="Apply"/>

を持っています

アニメーションCSSのプロパティを確認します。ボタンをクリックしてdivを表示し、アニメーションCSSを適用します。 animation-fill-mode cssプロパティを確認します。両方の値を使用することができます。 0%を不透明度0,50%を不透明度1、100%を不透明度0として指定します。 アニメーション持続時間プロパティを使用し、5秒に設定します。 上記の線に沿って何かを試してみてください。..

パンカジ

関連する問題