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

充值

类似洗牌效果的文字切换js代码特效

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-01-19
类似洗牌效果的文字切换js代码特效
一款当鼠标滑过指定的文本时,文字会不停的逐个进行翻转,类似洗牌效果的个性的js文字洗牌式切换js代码特效。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/shuffle-text.js"></script>
<script type="text/javascript">
	function init() {
		  var arr = [];
		  for (var i = 0; i < 10; i++) {
			arr[i] = new ShuffleText(document.querySelector('#text' + i));
		  }
		  for (var i = 0; i < arr.length; i++) {
			$('#text' + i)
			  .data('index', i)
			  .hover(function () {
				arr[$(this).data('index')].start();
			  }, function () {
				arr[$(this).data('index')].start();
			  });
			arr[i].start();
		  }
		}
</script>