JavaScript小项目-任务清单

最新推荐文章于 2024-04-12 01:39:01 发布

一番码客

最新推荐文章于 2024-04-12 01:39:01 发布

阅读量1k

点赞数 4

分类专栏：【一番码客】软件开发实战

本文链接：https://blog.csdn.net/weixin_42456822/article/details/103918291

版权

文章目录

思路分析

点击事件：
- 添加元素到页面
- 存储数据
- 存储总数据条数
页面加载成功的时候：
- 读取数据
- 遍历数据
- 添加元素到页面
CSS样式：
- 2D/3D 转换属性（Transform）

代码实现

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>任务清单</title>
		<style type="text/css">
			.right {
    
				border: 1px solid red;
				width: 100px;
				height: 100px;
				background-color: yellow;
				padding: 15px;
				box-sizing: border-box;
				position: relative;
				float: left;
				margin: 15px;
				transform: rotate(-10deg);
				-ms-transform: rotate(-10deg);
				-moz-transform: rotate(-10deg);

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一番码客

关注关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript小项目-任务清单

文章目录思路分析代码实现效果展示思路分析点击事件：添加元素到页面存储数据存储总数据条数页面加载成功的时候：读取数据遍历数据添加元素到页面CSS样式：2D/3D 转换属性（Transform）代码实现<!DOCTYPE html><html> <head> <meta charset="UTF-8...
复制链接

扫一扫