超酷的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>
点击下载
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
优富资源 » 超酷的CSS3图片镜像效果网页特效
  • 1会员总数(位)
  • 927资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 3095稳定运行(天)

优富资源网 国内最专业的站长资源平台

WordPress专区 整站源码

切换

博客


全屏


顶部