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