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

超酷的CSS3图片镜像效果网页特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-22
超酷的CSS3图片镜像效果网页特效
超酷的CSS3图片镜像效果网页特效是一款可以将任意图片进行镜像,并以幻灯片的方式在同一个页面中切换不同的图片。


js代码

<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/mirrorFx.js"></script>
<script src="js/slideshow.js"></script>
<script>
	(function() {

		function init() {
			new Slideshow(document.querySelector('.slideshow'));
		}
		
		// Fake loading time..
		var startTime = new Date().getTime();
		imagesLoaded(document.querySelector('main'), function() {
			var elapsed = new Date().getTime() - startTime,
				initFn = function() {
					document.body.classList.remove('loading');
					setTimeout(init, 50);
				};

			if( elapsed > 2000) {
				initFn();
			}
			else {
				setTimeout(initFn, 1000);
			}
		});

	})();
</script>