用记事本写html_html制作一个酷炫的记事本（源码）

目录

用html制作一个炫酷的记事本（源码） 用html实现记事本完整源码 上班总是有很多事情要做，下班的时候以为自己都做完了，但是又忘了几件事情，于是就做了一个记事本，数据缓存在本地，基于html5开发，直接运行，方便又不用担心以后忘记自己该做什么。

1. 记事本风格及灵感 1.1 设计灵感

设计灵感来自于我的个人主页（点击查看）。既然有个人主页，就得有个类似的个人笔记或者便签记录。工作久了，事情就变得复杂了，不记下来很容易忘记。于是我就萌生了设计便签的想法，然后就做了一个。一起来看看吧。

1.2 整体风格

1、背景采用了星空下的我，让纸条看起来更加神秘、酷炫；

2、内容采用左右布局，左侧为个人信息及图标，右侧为常用资源链接，方便查阅；

3、第二级内容是管理操作按钮，一个是添加新笔记，一个是清除所有笔记；

4.这个是主要功能，显示笔记内容，不同的笔记有不同的背景颜色，右上角支持笔记的单条删除。

5、笔记管理功能，支持修改内容；

二、代码展示 1.1 炫酷的记事本效果图

1.2 主要代码

	
		
		
		
		
		
		
		
		
		
		
	
	
		

			

				
				我的便签
				我的优质资源
				个人简历
				个人主页
				年会抽奖
				九宫格抽奖
			
			

				
					
				
				
					
				
				

				 
				
			
			

				 
			
		
	
	

源代码下载

html制作一个炫酷的记事本（源代码）点击下载