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

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-05-25
类似洗牌效果的文字切换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>