HTML+CSS+JS实现 ❤️圣诞抓礼物小游戏❤️

举报
Java李杨勇 发表于 2021/09/30 23:40:40 2021/09/30
2.4k+ 0 0
【摘要】 HTML+CSS+JS实现 ❤️圣诞抓礼物小游戏❤️

🍅 作者主页:Java李杨勇 

🍅 简介:Java领域优质创作者🏆、【java李杨勇】公号作者✌  简历模板、学习资料、面试题库、技术互助【关注我,都给你】

🍅 欢迎点赞 👍 收藏 ⭐留言 📝   

效果演示: 博主主页 获取源码

代码目录:

主要代码实现:

CSS样式:

body {
    background: rgb(8, 8, 58);
    margin: 0;
}

#wrapper {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

JavaScript代码 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Elf Gift Catch</title>

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <div id="wrapper">

        <canvas id="canvas" width="450" height="540"></canvas>

    </div>
    </div>

    <script src="js/script.js"></script>

</body>

</html>

上面的script.js需要引入进来

源码获取

大家点赞、收藏、关注、评论啦 、查看博主主页获取更多~!

打卡 文章 更新 51  /  100天

精彩推荐更新中:

HTML5大作业实战案例《100套》

Java毕设项目精品实战案例《100套》 

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。