1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > HTML新年快乐源代码 兔年新年红包代码

HTML新年快乐源代码 兔年新年红包代码

时间:2019-06-22 02:51:01

相关推荐

HTML新年快乐源代码 兔年新年红包代码

HTML新年快乐源代码,兔年新年红包代码,模仿微信红包打开红包特效。

完整代码下载地址:新年红包代码

index.html

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>新年红包</title><link rel="stylesheet" href="./css/hover-min.css"><link rel="stylesheet" href="./lib/fontawesome-free-6.0.0-web/css/all.min.css"><link rel="stylesheet" href="./css/style.min.css"><link rel="stylesheet" href="./css/heartbeat.min.css"></head><body><div class="container"><!-- 红包盒子 --><div class="redpacket hvr-buzz-out"><div class="content show"><div class="top"><h2 class="title">新年好</h2></div><div class="bottom"><div class="open">開</div><div class="line"></div></div></div><!-- 领取红包页面 --><div class="collect"><div class="collect_top"></div><div class="collect_bottom"><h3 class="collect_title">祝你笑口常开</h3><h2 class="price">6.66 <span>元</span></h2><div class="info"><a href="javascript:;">将「😂笑口常开」设为状态 ></a></div></div></div></div></div><footer><div class="copyright">&copy;copyright by <a href="/weixin_42756970" target="_blank">Python代码大全</a> <iid="heartbeat" class="fa fas fa-heartbeat"></i><span></span></div></footer></body><script src="./js/anime.min.js"></script><script>let redPacket = document.querySelector('.redpacket');let open = document.querySelector('.open');let content = document.querySelector('.content');let collect = document.querySelector('.collect');open.onclick = function () {this.classList = 'open rotate';setTimeout(function () {content.classList = 'content';collect.classList = 'collect show';open.classList = 'open';}, 3000);}</script></html>

完整代码下载地址:新年红包代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。