0

ボタンは別の形にあります。ユーザーがボタンをクリックすると、新しいフィールドが表示されます。CSS を使用してこれを行うことはできますか?

さらに、どうすれば から にジャンプできform1ますform 2か?

これが私のコードです：

   <form id="form1" action="#"> 
      <input type="button" onclick="form2">  
   </form>   
   <form id="form2">   
       <input type="checkbox">    
       <input type="button">  
   </form>

また、ウェブサイトに画像を配置して、ウィンドウがスクロールされているときでもその位置を保持するにはどうすればよいですか?

4

3 に答える 3

3

画像には、position: fixed;

と

(function($) {
    $(document).ready(function() {
        $('#form1').click(function() {
            $(this).hide();
        });
    });
})(jQuery);

でも、なぜそんなことをしたいのか、まったく理解できません...

于 2013-04-12T21:57:55.437 に答える
0

これを実現するには、jquery と css を使用できます。まず、2 番目のボタンを非表示にしてから、最初のボタンをクリックしたときに 2 番目のボタンを表示するイベントを最初のボタンに追加する必要があります。

何かのようなもの：

$(document).ready(function() {
    $("#form2").hide();

    $("#1 input").click(function() {
        $("#form2").show();
        $("#1").hide();

    });
});

これにより、最初は 2 番目のフォームが非表示になり、次に最初のボタンにクリック イベントが設定されて 2 番目のフォームが表示されます。これはあなたが考えていたことですか？

質問の 2 番目の部分については、position: fixedcss プロパティを使用して、ページに固定された任意の要素を設定できます。また、画像を配置する必要があります。たとえば、次のようになります。

<img id="myimage" src="img.png" />
<style>
#myimage {
  position: fixed;
  left: 10px;
  top: 10px;
}
</style>

これにより、スクロールするかどうかに関係なく、画面の左上から 10px に固定された画像が設定されます。

于 2013-04-12T22:09:00.490 に答える
0

私はあなたの質問を本当に理解していませんでした.ジャンプはコーディングで達成するのが難しい目標です.
とにかく、jqueryが必要になると思います： 

 $(document).ready(function(){

        $('#form2').hide();
            $('#form1').show();

        $('#button').click(function(){
            $('#form2').show();
            $('#form1').hide();
    });

html は次のようになります。 

<form id="form1" action="#"> 
      <input type="button" id="button">  
   </form>   
   <form id="form2">   
       <input type="checkbox">    
       <input type="button">  
   </form>

しかし、私はまだあなたが何をしようとしているのかについて混乱しています

于 2013-04-12T22:09:55.387 に答える