Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加跳过按钮以快进.fadeIn/.fadeOut?_Javascript_Jquery_Html_Fadein_Fadeout - Fatal编程技术网

Javascript 添加跳过按钮以快进.fadeIn/.fadeOut?

Javascript 添加跳过按钮以快进.fadeIn/.fadeOut?,javascript,jquery,html,fadein,fadeout,Javascript,Jquery,Html,Fadein,Fadeout,只是澄清一下,当你加载我的网站时,我有一点文字会在引用中淡出,然后淡出。之后,一段新的文字我的品牌名称消失了 因为我希望人们有足够的时间阅读第一篇文章,引述淡入淡出有点长,但是我不希望人们在第五次访问网站后变得不耐烦,每次都要等待 因此,我想到了一个类似skip的按钮或文本IE:skip,这样他们就可以快速前进到品牌名称消失的地方 任何帮助都将不胜感激!!!这是我目前拥有的一个例子 HTML CSS 你可能想要jQuery,停下来http://api.jquery.com/stop/ 因此,如果

只是澄清一下,当你加载我的网站时,我有一点文字会在引用中淡出,然后淡出。之后,一段新的文字我的品牌名称消失了

因为我希望人们有足够的时间阅读第一篇文章,引述淡入淡出有点长,但是我不希望人们在第五次访问网站后变得不耐烦,每次都要等待

因此,我想到了一个类似skip的按钮或文本IE:skip,这样他们就可以快速前进到品牌名称消失的地方

任何帮助都将不胜感激!!!这是我目前拥有的一个例子

HTML CSS
你可能想要jQuery,停下来http://api.jquery.com/stop/

因此,如果添加跳过链接:

<a href="#" id="skip">Skip</a>

第一个true告诉jQuery从动画队列中删除任何挂起的动画,第二个true告诉它直接跳到动画的末尾。

如果您正在考虑为您认为必须添加的内容添加跳过,那么您就做错了。跳过按钮应该只用于游戏场景和其他序列,而不是用于你所描述的内容。我担心这会令人讨厌,这是你做出糟糕设计选择的第一个迹象。不一定。我喜欢有一个小介绍的网站,尤其是时尚网站,但是在第五次查看该网站后,我厌倦了看到同样的介绍,我只想进入收藏。他们有一个很酷的跳过选项。我想要类似的东西。也许跳过报价脚本,转到品牌名称淡入?我相信这是可能的。每次刷新时,我都会随机选择30条不同的语句来显示,所以用户不会总是看到相同的语句;保持新鲜。我只是想为那些不喜欢陈述的人提供一个选择,仅此而已。我看不出有什么坏处。但是谢谢你的反馈,我以前也这么想。也许是因为每次刷新都让我恼火,因为我一直在编码并不断地检查,我不得不一直等待我编码的部分。?真正地HTML 4.01中不推荐使用该元素。。。改用CSS!既然你不知道动画的状态,那就按照你想要的结束状态来做:。真的,真的。你们真是太棒了!是的,而不是。隐藏我放置了一个。淡出500使它更干净。如何立即启动brandname的动画。到目前为止,它仍在等待,直到设置的时间出现/我想我知道了!我做了以下操作:$'skip'。单击函数{e.preventDefault;$'quote'.stoptrue,false.fadeOut500;$'brandname'.stoptrue,false.delay500.fadeIn2000;};
$(document).ready(function() {
    $('#quote').hide().delay(1000).fadeIn(5000).delay(3000).fadeOut(2000);
    $('#brandname').hide().delay(11500).fadeIn(2000);
});​
<style type="text/css">
   #quote, #brandname {
      position:relative;
      display: none;
      float:center;
   }
   #mytext {

   }
</style>​
<a href="#" id="skip">Skip</a>
$('#skip').click(function(e) {
    e.preventDefault();
    $('#quote, #brandname').stop(true, true);
});