注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-02-07
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>