敏哥gege的gravatar头像
敏哥gege 2017-10-26 17:05:27

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

这是一款基于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>

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


打赏

已有1人打赏

最代码官方的gravatar头像

文件名:jQuery+css3天猫双11拆红包抽奖特效.zip,文件大小:46.022K 下载
  • /
      • /images
        • /images/asd23.png
        • /images/close.png
    • /index.html
      • /js
        • /js/jquery-1.4.2.min.js
最代码最近下载分享源代码列表最近下载
SZEPEZS  LV8 3月11日
reijiang  LV1 2022年1月22日
a6508626  LV1 2020年11月4日
473222571  LV2 2020年1月9日
wxy0723  LV1 2019年12月16日
zhaogaoyang  LV5 2018年8月24日
cxxxxxxx  LV11 2018年2月11日
rmnjava  LV12 2017年12月15日
花开7花落  LV10 2017年11月14日
microzeng  LV18 2017年11月3日
最代码最近浏览分享源代码列表最近浏览
SZEPEZS  LV8 3月11日
微信网友_6428778899361792  LV1 2023年4月11日
149477012  LV2 2022年11月26日
bsnnznxnn  LV1 2022年5月24日
reijiang  LV1 2022年1月22日
酒后少年  LV6 2021年10月13日
尔不语  LV4 2021年9月29日
刘地带  LV11 2021年7月3日
duwanfa  LV3 2021年6月9日
xiao菜  LV2 2021年6月2日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友