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 来实现这一点。首先，您需要隐藏第二个按钮，然后在第一个按钮上添加一个事件，以便在单击第一个按钮时显示第二个按钮。

就像是：

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

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

    });
});

这最初会隐藏第二个表单，然后在第一个按钮上设置一个单击事件以显示第二个表单。这是你的想法吗？

至于问题的第二部分，您可以使用position: fixedcss 属性来设置页面上固定的任何元素。您还需要定位图像，例如：

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

无论您是否滚动，这都会将图像设置为固定在屏幕左侧和顶部 10 像素处。

于 2013-04-12T22:09:00.490 回答
0

我并没有真正理解你的问题，跳跃是一个很难通过编码实现的目标（此处为 ALERT sarcasm）。
无论如何，我认为你需要一些 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 回答