懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery+CSS3 3D立体图片排列布局代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-16
这是一款基于jQuery+CSS3实现的鼠标悬停事件3D立体图片排列布局代码,jQuery图片3D特效下载。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
	// Below code only for demo purposes
	// You can remove the `&.hover,` class from the CSS
	// if you don't need it 
	$(document).ready(function() {
	  var count = 0;
	  var blocks = $(".block");

	  var testEffect = setInterval(function() {
		$(blocks[count - 1]).removeClass("hover");
		$(blocks[count]).addClass("hover");
		count++;
		if (count > 4) clearInterval(testEffect);
	  }, 800);
	});
</script>