文件名称:jQuery卡片式焦点图切换动画特效.zip
文件大小:944KB
文件格式:ZIP
更新时间:2022-07-31 04:12:39
js特效-jQuery卡片式焦点图切换动画特效
代码片段: (function() { var slideContainer = $('.slide-container'); slideContainer.slick(); $('.*-card__image img').hide(); $('.slick-active').find('.*-card img').fadeIn(200); // On before slide change slideContainer.on('beforeChange', function(event, slick, currentSlide, nextSlide) { $('.slick-active').find('.*-card img').fadeOut(1000); }); // On after slide change slideContainer.on('afterChange', function(event, slick, currentSlide) { $('.slick-active').find('.*-card img').fadeIn(200); }); })();
【文件预览】:
jQuery卡片式焦点图切换动画特效
----css()
--------htmleaf-demo.css(6KB)
--------fonts()
--------slick-theme.css(3KB)
--------reset.css(774B)
--------slick.css(2KB)
--------style.css(4KB)
----php中文网下载站.url(114B)
----img()
--------giant-bg.jpg(4KB)
--------wizard.png(191KB)
--------coc-background.jpg(22KB)
--------goblin-bg.jpg(4KB)
--------archer-bg.jpg(4KB)
--------goblin.png(156KB)
--------giant.png(187KB)
--------archer.png(157KB)
--------barbarian.png(159KB)
--------barbarian-bg.jpg(4KB)
--------wizard-bg.jpg(4KB)
----index.html(7KB)
----js()
--------slick.min.js(41KB)
--------jquery-2.1.1.min.js(82KB)
----php中文网免费下载站.txt(219B)