Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

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>