0

だから、私は背景画像（封筒）を持つフォームを持っています。送信後、同じページにとどまり、フォームを含む div の一部を折りたたんで、ありがとう bla bla で画像のみを表示したいと思います。このスムーズな崩壊と交換を行うにはどうすればよいですか？誰かがアイデアやリンクを持っていれば、私は感謝しています。

<script type="text/javascript"> 
    $(document).ready(function() { 
        $("#form1").submit(function(){
            $("#formplic").html("<img src='images/thanks.png'/>");
        });
    }); 
</script> 

<div id="formplic"><img src="images/form.png"/></div>

<form id="form1" action="send.php" onSubmit="return chkForm(this)" name="form1" method="post" >
    <textarea name="message" cols="4" rows="4"  id="message" value=""></textarea>
    <input type="text"  id="name" name="name" value="" />
    <input type="text"  id="email" name="email" value="" />    
    <input type="submit" value="" id="submit" />
</form>
4

1 に答える 1

2

いくつかのフェージングのものはどうですか？

$(document).ready(function() { 
    $("#form1").submit(function(){
        $("#formplic").fadeOut(1000, function() {
             $(this).html("<img src='images/thanks.png'/>").fadeIn(1000);
        });
    });
});

またはスライドのもの？

$(document).ready(function() { 
    $("#form1").submit(function(){
        $("#formplic").slideUp(1000, function() {
             $(this).html("<img src='images/thanks.png'/>").slideDown(1000);
        });
    });
});

この種のことは、少し検索するだけでかなり簡単になるはずです!

于 2012-07-23T21:49:50.533 に答える