jQuery仿天猫商品品牌图片墙换一批动画特效代码下载

jQuery仿天猫商品品牌图片墙换一批动画特效代码下载

仿天猫商品品牌图片墙换一批jQuery动画特效代码。

js代码

<script type=”text/javascript”>
window.onload = function () {
var clickTimes = 1;

//总列数
var lineCount = 6;

var btnRefresh = document.querySelector(“#btnRefresh”);
var iconRefresh = document.querySelector(“.iconRefresh”)

var img3DList = document.querySelectorAll(“.img-3d”);
var len = img3DList.length;

btnRefresh.onclick = function () {
iconRefresh.style.transition = “.3s linear”;
iconRefresh.style.transform = “rotate(“+360*clickTimes+”deg)”;

for (var i = 0; i< len; i++){

var colNum = parseInt(i/lineCount);
var rowNum = i%lineCount;
var delayTime = (colNum+rowNum)*100;

img3DList[i].style.transition = “.3s “+delayTime+”ms linear”;
img3DList[i].style.transform = “rotateY(“+180*clickTimes+”deg)”;
}

clickTimes++;
}
}
</script>

云部落资源网所有软件，源码，素材，等资源均来自网友上传，或网络收集，如果有侵犯版权请及时联系我们，我们会在第一时间处理。
如果该资源不能下载，请联系本站在线客服报错，谢谢合作!!