最新下载
jQuery连续滚动图片展示
谷歌浏览器插件IconFont检查器 自动获取当前页面使用到的iconfont库,预览、修改、使用
24小时阅读排行榜
- 1 javascript中的async和await是什么_为什么它们能简化异步代码
- 2 css首屏渲染慢用户看到无样式页面怎么办_内联关键css提升首屏加载速度
- 3 JavaScript如何实现动态表格_JavaScript如何根据数据生成可编辑表格
- 4 css列表项前缀样式不好看怎么办_使用::before自定义更美观的标记符号
- 5 mysql客户端安装后如何设置备份恢复_mysql客户端备份与恢复操作指南
- 6 C#如何写出健壮的API?ASP.NET Core API版本控制与文档生成(Swagger)
- 7 如何使用Golang log记录日志信息_输出到控制台或文件
- 8 c++中的Copy-and-Swap idiom是什么_c++实现强异常安全的赋值运算符【最佳实践】
- 9 SBML是什么 系统生物学标记语言XML规范
- 10 C++如何实现观察者设计模式?C++代码解耦实战【设计模式】
- 11 css元素多属性过渡冲突怎么办_明确transition property指定要过渡的属性
- 12 Python如何从XML中提取所有URL链接
- 13 如何使用Golang实现端口扫描工具_检测目标主机端口状态
- 14 css如何快速生成一组同色系颜色_通过hsl调整色相生成
- 15 怎么用CSS选择器选择XML元素
最新教程
-
- Node.js 教程
- 14428 2025-08-28
-
- CSS3 教程
- 1541448 2025-08-27
-
- Rust 教程
- 22116 2025-08-27
-
- Vue 教程
- 24612 2025-08-22
-
- PostgreSQL 教程
- 21298 2025-08-21
-
- Git 教程
- 8400 2025-08-21
代码片段:
<header>
<input type="text" autofocus placeholder="Enter a task..." id="item">
<div id='animationDiv'>
<button id="add">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><g><path class="fill" d="M16,8c0,0.5-0.5,1-1,1H9v6c0,0.5-0.5,1-1,1s-1-0.5-1-1V9H1C0.5,9,0,8.5,0,8s0.5-1,1-1h6V1c0-0.5,0.5-1,1-1s1,0.5,1,1v6h6C15.5,7,16,7.5,16,8z"></g></svg>
</button>
</div>
</header>
<div class="container">
<ul class="todo" id="todo"></ul>
<hr class = "divider">
<ul class="todo" id="completed"></ul>
</div>
