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>

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

本站部分素材资源及板块内容来自网络,如有侵犯您的权益,请联系我们,站长会立即处理,转载请注明来源网址!
云部落资源网 » jQuery仿天猫商品品牌图片墙换一批动画特效代码下载