Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.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
使用prev和next按钮更改简单的Javascript音量控制器_Javascript_Html_Fadein_Fade_Fadeout - Fatal编程技术网

使用prev和next按钮更改简单的Javascript音量控制器

使用prev和next按钮更改简单的Javascript音量控制器,javascript,html,fadein,fade,fadeout,Javascript,Html,Fadein,Fade,Fadeout,很抱歉,我对javascript一点也不了解,我尝试过搜索我的查询的答案,但由于代码不同,我不知道如何使用它们 我有一个简单的javascript音量控制器,是从别人那里买来的,我想用它在推荐信之间进行淡入淡出,但我想添加一个左右按钮,这样我就可以在自动定时器之前继续或后退 我曾尝试添加一个带有函数名的按钮,但不起作用,我确实想知道这是否是由于延迟,所以我复制了下一个函数,称之为skip并删除了延迟,并将其添加到一个按钮上,但也不起作用 Javascipt不是我的强项,我不知道如何改变它来获得上

很抱歉,我对javascript一点也不了解,我尝试过搜索我的查询的答案,但由于代码不同,我不知道如何使用它们

我有一个简单的javascript音量控制器,是从别人那里买来的,我想用它在推荐信之间进行淡入淡出,但我想添加一个左右按钮,这样我就可以在自动定时器之前继续或后退

我曾尝试添加一个带有函数名的按钮,但不起作用,我确实想知道这是否是由于延迟,所以我复制了下一个函数,称之为skip并删除了延迟,并将其添加到一个按钮上,但也不起作用

Javascipt不是我的强项,我不知道如何改变它来获得上一个箭头和下一个箭头。实际上淡入淡出效果很好,所以我只需要添加按钮

下面是javascript:

<script type="application/javascript">
  $(function(){
      var items = (Math.floor(Math.random() * ($('#testimonial_slider p').length)));
      $('#testimonial_slider p').hide().eq(items).show();
      
    function next(){
          $('#testimonial_slider p:visible').delay(5000).fadeOut('slow',function(){
              $(this).appendTo('#testimonial_slider');
              $('#testimonial_slider p:first').fadeIn('slow',next);
      });
     }
    next();
  });
</script>

$(函数(){
var items=(Math.floor(Math.random()*($('#推荐性_滑块p').length));
$('#推荐滑动条p').hide().eq(items.show();
函数next(){
$('#推荐的#滑块p:visible')。延迟(5000)。淡出('slow',function(){
$(this.appendTo(“#推荐滑动条”);
$(“#推荐滑动条p:first”).fadeIn('slow',next);
});
}
next();
});
和HTML

<div id="testimonial_slider" class="g8-col-testright">
<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  Nullam nec augue aliquam felis vestibulum convallis. 
  Maecenas posuere velit vel placerat convallis. 
  Aliquam pretium mi ipsum, sit amet placerat sapien sollicitudin sed. 
  In orci massa, varius id est et, feugiat euismod urna. 
  Donec in enim ut augue viverra pretium et eget mi.
  <br />
  <br />
  <strong>- Lorem Ipsum</strong>
</p>

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  Nullam nec augue aliquam felis vestibulum convallis. 
  Maecenas posuere velit vel placerat convallis. 
  Aliquam pretium mi ipsum, sit amet placerat sapien sollicitudin sed. 
  In orci massa, varius id est et, feugiat euismod urna. 
  Donec in enim ut augue viverra pretium et eget mi.
  <br />
  <br />
  <strong>- Lorem Ipsum</strong>
</p>
</div>

<button onclick="next()">Next</button>


Lorem ipsum dolor sit amet,是一位杰出的献身者。
不必为猫的前庭祈祷。
这是一个很好的例子。
我的前半身,坐在一张桌子上。
在奥奇·马萨,瓦里乌斯·伊德·埃斯特和尤伊斯莫德·乌纳是世仇。
在我生命中的每一天,我都会感到幸福。


-Lorem Ipsum

Lorem ipsum dolor sit amet,是一位杰出的献身者。 不必为猫的前庭祈祷。 这是一个很好的例子。 我的前半身,坐在一张桌子上。 在奥奇·马萨,瓦里乌斯·伊德·埃斯特和尤伊斯莫德·乌纳是世仇。 在我生命中的每一天,我都会感到幸福。

-Lorem Ipsum

下一个