Connect_logo_6.png 退出
前端視頻教程 小程序 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery+css3相冊圖片疊加堆放展開動畫特效

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期:2018-09-11
一款非常有創意的jQuery+css3相冊圖片疊加堆放展開動畫特效,圖片層疊放置布局效果,點擊圖片滑動展開,點擊展開的圖片點擊則會滑動收縮起來。


js代碼

<script type="text/javascript" src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('ul.cards').on('click', function () {
	$(this).toggleClass('transition');
});
$('ul.card-stacks').on('click', function () {
	$(this).toggleClass('transition');
});
$('ul.cards-split').on('click', function () {
	$(this).toggleClass('transition');
});
$('ul.cards-split-delay').on('click', function () {
	$(this).toggleClass('transition');
});
});
</script>

极速快三全天人工计划