【文件属性】:
文件名称: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)