Question

I ve amended the Code from w3schools - Hide paragraph to include a show button which take 6 seconds for the text to show. 案文在被隐藏后开始重新展示,需要约3秒才能这样做? 这里是我修改的法典(将这部法典改成“Hide paragraph”URL on w3schools):

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(3000);
  });
  $("#show").click(function(){
    $("p").show(6000);
  });
});
</script>
</head>
<body>
<button id = "hide">Hide</button>
<button id = "show">Show</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>

Answer 1

我认为,这关系到放松你的使用。审判

$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(3000);
  });
  $("#show").click(function(){
    $("p").show(6000,  linear );
  });
});

fiddle here 。

As you can read in the doc show() has an easing parameter

 .show( [duration] [, easing] [, callback] )

As of jQuery 1.4.3, an optional string naming an easing function may be used. Easing functions specify the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.

probably the "Swing" easing wich is the default is slow at the beginning and then it speeds up

Answer 2

这是因为<代码>3000和6000向<代码>hide和>提出的论点。这些例子说明,im刑应持续多久。降低数值;1000=1秒。

友情链接