懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery+css3天猫双11拆红包抽奖特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-09-10
这是一款基于jQuery+css3实现的天猫双11拆红包抽奖特效,带有红色摇晃动画效果的点击拆红包按钮抽奖代码。


js代码

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".red").click(function(){
		$(this).addClass("shake");
		setTimeout(function(){
			$(".red").removeClass("shake");
			$(".windows").fadeIn();
			$(".opacity").fadeIn();
		},2000);
	});
	$(".close").click(function(){$(this).parent().fadeOut();$(".opacity").fadeOut()})
});
</script>