当前位置： 首页 > Design > 正文

关于mumu主题幻灯片和公告切换的停留时间

linsan2020-11-20 10:52Design1,510 views抢沙发

mumu主题修改已经很久，现在做成了学校官方网站，所以很多地方还在修改中。

最近在看主题大幻灯片的时候，发现切换的速度有点快，以至于有些晃眼，就到后台到处找代码，想改下速度。看了php模块没有找到，最后锁定到了js文件中，却也没有找到时间戳。

经过在度娘求真，我艰难的发现问题在哪里：我的 js/slides.js 没有设置停留时间…

  1. $(document).ready(function(){
  2.      $(“#slider”).responsiveSlides({
  3.        auto: true,
  4.        pager: true,
  5.        nav: true,
  6.        speed: 800,
  7.         timeout: 5000,//控制轮播切换的速度
  8.        maxwidth: 1200
  9.      });
  10.      $(“#slide”).responsiveSlides({
  11.         auto: false,
  12.         pager: true,
  13.         nav: true,
  14.         speed: 800,
  15.         maxwidth: 1200
  16.      });
  17. });

找到文件底部的能看的代码，然后在 id 属性里面，加上 timeout 属性即可。

至于公告栏的文字上下翻转的停留速度，则是通过调整 timer 的数值来实现：

  1. <script type=“text/javascript”>$(document).ready(function() {$(“#scrolldiv”).textSlider({line: 1, speed: 1000, timer: 8000});})</script>

如此，就算是满足了自己的口味，慢点的话，也是好点的罢。

 

您可能还会对这些文章感兴趣！

关于mumu主题幻灯片和公告切换的停留时间：等您坐沙发呢！

发表评论

快捷键：Ctrl+Enter