最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 深度学习项目数据可视化的核心实现方案【教程】
- 2 如何使用Golang获取函数参数个数和类型_分析函数签名
- 3 SQL字符串处理如何编写_标准流程说明避免常见使用误区【技巧】
- 4 Grid网格布局如何防止元素跨区后遮挡_合理设置z-index与区域定义
- 5 如何使用Golang实现路由参数解析_动态获取URL参数
- 6 什么是JavaScript的装饰器语法?
- 7 mysql中HAVING条件如何使用_mysql分组过滤方法
- 8 javascript中的设备方向如何检测_如何响应手机的姿态变化
- 9 PHP网站设计如何设计后台管理系统_PHP后台管理系统搭建【架构】
- 10 如何理解JavaScript中的异步编程_回调函数和Promise有什么区别?
- 11 javascript正则表达式怎么用_如何匹配邮箱和手机号?
- 12 CSS异步加载样式导致布局跳动怎么处理_preload方式提前加载关键布局CSS
- 13 移动端布局适配太麻烦怎么办_利用flex方向切换适配屏幕
- 14 css背景图重复影响视觉怎么办_css重复问题用background-repeat调整
- 15 如何在Golang中实现模板方法模式_Golang模板方法模式流程控制
最新教程
-
- Node.js 教程
- 14113 2025-08-28
-
- CSS3 教程
- 1540656 2025-08-27
-
- Rust 教程
- 21815 2025-08-27
-
- Vue 教程
- 24329 2025-08-22
-
- PostgreSQL 教程
- 21051 2025-08-21
-
- Git 教程
- 8295 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>
