jQuery+html5图文切换显示特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery.min.js"></script>
<script src="js/jquery.material-cards.min.js"></script>
<script>
	$(function() {
		$('.material-card').materialCard({
			icon_close: 'fa-chevron-left',
			icon_open: 'fa-thumbs-o-up',
			icon_spin: 'fa-spin-fast',
			card_activator: 'click'
		});

//        $('.active-with-click .material-card').materialCard();

		window.setTimeout(function() {
			$('.material-card:eq(1)').materialCard('open');
		}, 2000);

		$('.material-card').on('shown.material-card show.material-card hide.material-card hidden.material-card', function (event) {
			console.log(event.type, event.namespace, $(this));
		});

	});
</script>