HTML（趣味气球网首页发布会）

最新推荐文章于 2021-08-16 16:05:52 发布
最新推荐文章于 2021-08-16 16:05:52 发布
阅读量325 收藏
点赞数
分类专栏： HTML实践
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24249259/article/details/45157049
版权

一主界面



二主页代码量

1.HTML文件


2 CSS文件


PS：这学期以来整个代码量不知道怎么查询


三 趣味气球网子页分别是




四 做趣味气球网时，遇到的最大问题：

1.怎么让导航条固定在顶部？


.navbar-fixed-top  .navbar-fixed-bottom设置如下CSS属性  position: fixed;

2. carousel的上一页 下一页

  可以用到 bootstrop 的字体图标组件


qq_24249259
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML趣味气球网页框架图及子页推荐
qq_24249259的专栏
05-07 873
一、网页框架图 1.气球导读页面 2.气球店铺页面 3.婚庆气球页面 4.气球活动页面 5.气球俱乐部页面 二、目前代码量约为1000行。 三、引入的新技术——JavaScript        在编写页面动态效果的过程中，我引入了JavaScript技术。JavaScript是一种直译式脚本语言，web开发中广泛应用于客户端。在
条件生成对抗神经网络,生成对抗网络gan原理
shirley67269的博客
08-12 1679
对抗式神经网络GAN让机器学会“左右互搏”GAN网络的原理本质上就是这两篇小说中主人公练功的人工智能或机器学习版本爱发猫 www.aifamao.com。一个网络中有两个角色，修炼的过程中左手扮演攻方，即生成器(generator)，试图生成和自然世界中拟完成任务足够相似的目标;右手扮演守方，即判别器(discriminator)，试图把这个假的、生成的目标和真实目标区分开来。经过反复多次双手互搏，左手右手的功力都会倍增，从而达到“舍我其谁”的目标。...
用html5做了一个打气球小游戏balloon
07-21
用html5做了一个打气球小游戏balloon 界面华丽，简单娱乐
html 绘制气球,html – 圈子div气球
weixin_33735281的博客
06-21 245
您可以使用伪元素来创建语音气泡三角形,如下面的演示所示.这通过在正方形上使用倾斜来工作,并将其绝对定位在相对定位的容器元素内.或者,如果您能够使用背景图像而不是图像标记,则可以使用单个元素实现..circ {height: 100px;width: 100px;border-radius: 50%;bordeR: 5px solid tomato;position: relative;}.circ...
html 绘制气球,用css3写出气球样式
weixin_42306002的博客
06-21 222
.balloon{width: 160px;height: 160px;background: #faf9f9;/*css3 圆角属性*/border-radius: 50% 50% 25% 50%;/*顺时针旋转45度*/transform: rotate(45deg);/*盒子阴影 x位移 y位移 羽化 半径 颜色 */box-shadow: -8px -8px 80px -8px #8739...
简单HTML趣味选择
12-28
一个简单的HTML单标选择按钮与多选。可以通过鼠标选择题目答案。
垃圾分类游戏HTML,垃圾分类宣传进村居，趣味游戏中学分类
weixin_29288653的博客
06-03 221
垃圾分类宣传进村居，趣味游戏中学分类大亚湾发布大亚湾发布微信号 hzdywfb功能介绍 发布区内要闻、便民服务、旅游文化、公益活动、权威信息等收录于话题为全面提升居民的垃圾分类意识并正确垃圾分类让垃圾分类理念深入人心近日大亚湾区多个社区和村居开展"垃圾分类"主题活动让垃圾分类成为大亚湾人的新时尚5月21日“助力垃圾分类加速度”村民趣味运动会在新溪公园开展。垃圾分类趣味运动设置了四个游戏需要参与游戏...
虚拟现实
xb_crazyman
12-10 2855
　　虚拟现实(Virtual Reality，简称VR:又译作灵境、幻真)是近年来出现的高新技术也称灵境技术或人工环境。虚拟现实是利用电脑模拟产生一个三度空间的虚拟世界，提供使用者关于视觉、听觉、触觉等感官的模拟，让使用者如同身历其境一般，可以及时、没有限制地观察三度空间内的事物。　　VR是一项综合集成技术，涉及计算机图形学、人机交互技术、传感技术、人工智能等领域，它用计算机生成逼真的三维视、
《程序员修炼之道 - 从小工到专家》吐血解读
博文视点（北京）官方博客
08-16 4288
本篇文章是对《程序员修炼之道：从小工到专家》一书的总结和解读。 该书作者是 Andrew Hunt 和 David Thomas。他们都是敏捷宣言的17个创始者之一。Andrew还是敏捷联盟（Agile Alliance）的创始人。David 则是著名的 DRY(Don’t Repease Yourself) 一词的发明者。这本书也广泛出现在各类计算机推荐书单之中，其受欢迎程度不言自明。 该书目前有两个版本，我阅读的是第一版： 第二版是这样的： 两版内容稍有不同。 刚毕业那会读过一遍，但有很多地方没看明
HTML5气球大战小游戏代码
06-24
HTML5气球大战小游戏代码是一款纯js版制作气球大战游戏，页面上升的气球，通过鼠标点击气球游戏，当气球上升到页面顶部游戏结束。
HTML5气球大战小游戏特效代码
03-20
HTML5气球大战小游戏代码是一款纯js版制作气球大战游戏，页面上升的气球，通过鼠标点击气球游戏，当气球上升到页面顶部游戏结束。
景色热气球html5网页模板
03-31
景色热气球html5网页模板
HTML5热气球飞行小游戏代码
07-24
HTML5热气球飞行小游戏代码是一款基于HTML5 Canvas实现的热气球低空飞行穿过树木游戏源代码。
小谈虚拟现实
uouoworld的专栏
04-27 3208
  虚拟现实，也称虚拟实境或灵境，是一种可以创建和体验虚拟世界的计算机系统，它利用计算机技术生成一个逼真的、具有视、听、触等多种感知的虚拟环境，用户通过使用各种交互设备，同虚拟环境中的实体相互作用，使之产生身临其境感觉的交互式视景仿真和信息交流，是一种先进的数字化人机接口技术。与传统的模拟技术相比，其主要特征是：操作者能够真正进入一个由计算机生成的交互式三维虚拟环境中，与之产生互动，进行交流。通过
【拿来就用】20款婚礼婚庆网站模板, 轻松打造幸福满满的网站设计
设计“1+2”，摹客就够了！
04-10 2799
婚礼网站的设计不仅需要设计师有高超的设计技巧，还需要设计师能有一颗感同身受的“幸福的心”，这样设计出的婚礼网站才能更加吸引新人。 如果你也正好在搜寻或设计这样的网站， 那么，小编介绍和分析的这20个最优且免费创意的HTML5/Bootstrap婚礼婚庆网站实例和模板，一定能够帮你打造幸福满满的最佳设计： 文章结构： 20个最优免费创意婚礼婚庆网站设计实例和模板 5个必知婚礼婚庆网页模...
HTML(第九章案列分析)
qq_24249259的专栏
05-14 739
一 html代码   二 css代码   三效果如下
HTML(第十一章案例分析)
qq_24249259的专栏
05-28 540
一 效果图 二代码
HTML（第七章 案例分析）
qq_24249259的专栏
04-14 499
以主页为列 一 二
js点击气球气球爆炸的游戏
最新发布
05-20
这是一个简单的点击气球游戏的代码，气球被点击时会爆炸，并且计分器会增加分数。你可以根据需要进行修改和调整。 HTML代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>点击气球游戏</title> <style> #container { width: 600px; height: 400px; position: relative; margin: 0 auto; background-color: #f0f0f0; } .balloon { width: 80px; height: 120px; position: absolute; cursor: pointer; background-image: url('balloon.png'); background-size: cover; transition: all 0.5s ease-out; } .balloon:hover { transform: scale(1.2); } .balloon.burst { background-image: url('burst.png'); background-size: cover; } #score { font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px; } </style> </head> <body> <div id="container"> <div id="score">Score: 0</div> </div> <script src="game.js"></script> </body> </html> ``` JavaScript代码： ```javascript var container = document.getElementById('container'); var score = document.getElementById('score'); var balloons = []; // 创建气球 function createBalloon() { var balloon = document.createElement('div'); balloon.className = 'balloon'; balloon.style.left = Math.random() * (container.clientWidth - balloon.clientWidth) + 'px'; balloon.style.top = Math.random() * (container.clientHeight - balloon.clientHeight) + 'px'; container.appendChild(balloon); balloons.push(balloon); } // 气球被点击时触发 function burstBalloon(event) { var balloon = event.target; balloon.className = 'balloon burst'; balloon.removeEventListener('click', burstBalloon); score.innerText = 'Score: ' + (parseInt(score.innerText.split(' ')[1]) + 1); setTimeout(function() { balloon.parentNode.removeChild(balloon); balloons.splice(balloons.indexOf(balloon), 1); }, 500); } // 开始游戏 function startGame() { setInterval(createBalloon, 1000); container.addEventListener('click', function(event) { if (event.target.className === 'balloon') { burstBalloon(event); } }); } startGame(); ``` 你需要将代码中的 `balloon.png` 和 `burst.png` 替换为你自己的图片。这个游戏还很简单，你可以添加更多的功能，比如时间限制、多种颜色的气球、不同大小的气球等等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值