<div class="red">
<button class="redbutton" type="领取红包">拆红包</button>
<div class="red-jg">
<h1>恭喜您!</h1>
<h5>获得iPhone 6plus 64g手机一部</h5>
</div>
</div>
<div class="t-btn">
<button>立即领取</button>
</div> // 点击redbutton按钮时执行以下全部
$('.redbutton').click(function(){
// 在带有red样式的div中添加shake-chunk样式
$('.red').addClass('shake-chunk');
// 点击按钮2000毫秒后执行以下操作
setTimeout(function(){
// 在带有red样式的div中删除shake-chunk样式
$('.red').removeClass('shake-chunk');
// 将redbutton按钮隐藏
$('.redbutton').css("display" , "none");
// 修改red 下 span 背景图
$('.red > span').css("background-image" , "url(img/red-y.png)");
// 修改red-jg的css显示方式为块
$('.red-jg').css("display" , "block");
},2000);
});
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
