注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery+CSS3苹果产品介绍自动切换展示动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-07-18
jQuery+CSS3苹果产品介绍自动切换展示动画特效
一款很漂亮的jQuery+CSS3苹果产品介绍自动切换展示动画特效,左边图形右边文字标题循环动画切换展示。


js代码

<script>
var num=0;
window.setInterval(function(){
  num++;
  var classes=['','out','ready'];
  $('#watch').removeClass();
  $('#watch').addClass(classes[num%3])
  $('#phone').removeClass();
  $('#phone').addClass(classes[(num+2)%3]);
  $('#laptop').removeClass();
  $('#laptop').addClass(classes[(num+1)%3]);
  $('.quote span').removeClass();
  $('.quote span:nth-child('+ (num%3+1) +')').addClass('highlight');
  console.log(num%3+1);
},900)

</script>