<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 引入图标库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
crossorigin="anonymous" />
<title>Increment Counter</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- 每一项 -->
<div class="counter-container">
<!-- 图标 -->
<i class="fab fa-twitter fa-3x"></i>
<!-- 数量 -->
<div class="counter" data-target="18000"></div>
<!-- 文本 -->
<span>Twitter Followers</span>
</div>
<!-- 每一项 -->
<div class="counter-container">
<i class="fab fa-youtube fa-3x"></i>
<div class="counter" data-target="6000"></div>
<span>YouTube Subscribers</span>
</div>
<!-- 每一项 -->
<div class="counter-container">
<i class="fab fa-facebook fa-3x"></i>
<div class="counter" data-target="9500"></div>
<span>Facebook Fans</span>
</div>
<script src="script.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
day15-Incrementing counter(平台关注量计数动态显示)
共3个文件
html:1个
js:1个
css:1个
0 下载量 145 浏览量
2023-07-10
20:55:55
上传
评论
收藏 2KB RAR 举报
温馨提示
day15-Incrementing counter(平台关注量计数动态显示)
资源推荐
资源详情
资源评论
收起资源包目录
day15-Incrementing counter(平台关注量计数动态显示).rar (3个子文件)
day15-Incrementing counter(平台关注量计数动态显示)
style.css 938B
index.html 1KB
script.js 1KB
共 3 条
- 1
资源评论
格式化小拓
- 粉丝: 400
- 资源: 53
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 电子设计竞赛的单相不间断电源设计
- cutcamera1715961370938.png
- 基于MATLAB的图像处理课程设计报告.doc
- tensorflow-gpu-2.6.0-cp38-cp38-manylinux2010-x86-64.whl
- mmexport1715960553858.png
- tensorflow-gpu-2.6.0-cp37-cp37m-manylinux2010-x86-64.whl
- 通过 .NET 应用程序中的源代码查找 SQL 注入
- 电子设计竞赛2007年B题 无线识别装置.doc
- Wox全局搜索工具,一款win下的全局搜索软件
- 使用高级集群管理 (ACM) 模板来管理用户、组和命名空间
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功