2018年双十一华为官网红包雨特效

2018年双十一华为官网红包雨特效

2018年华为官网双十一红包雨特效,从一堆压缩的代码中整理出来比较费力,看JQ22上红包雨特效活动特效较少,发布给大家下载,这里主要是比较难写的css3代码以及图片,这个特效一定能帮助需要的小伙伴们。

使用方法
在页面引入JS代码文件

1
2
<script src="js/jquery.min.js"></script>
<script src="js/js.js"></script>

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="hob-inlet" mate_data_ts="activity_domain.click.2018novpromotion_11111红包入口">
<div class="hob-inlet-03"></div>
<div class="hob-inlet-02"></div>
<div class="hob-inlet-01"></div>
</div>
<div class="hongbao-wrapper">
<div class="hob-cd">5s</div>
<div class="hob-close"></div>
<div class="btn-l btn-red for-get-now">快抢红包!</div>
</div>
<div class="shade" style="display: none;"></div>
<div class="modal modal-xl" mod-relation="hobCoupon" id="hobCoupon" style="display: none;">
<div class="mod-close" data-state="close"></div>
<div class="mod-body">
<h5>恭喜你!获得价值11111元红包</h5>
<p class="blue underline"><span mod-inlet="红包雨规则">活动规则</span></p>
<div class="hobCoupon-img">
<img src="img/hobCoupon.png" alt="">
</div>
</div>
<div class="mod-footer">
<div class="btn-s btn-red coupon" mate_data_ts="activity_domain.click.2018novpromotion_红包雨优惠券">立即领取</div>
</div>
</div>
当前内容只有登录了才能查看,如果您已经注册,请登录
7

发表评论