作者：xcLeigh
html实现个人空间（源码） html实现个人空间，可以配置自己想听的音乐，可以配置自己常用的链接，可以自定义链接类型，在这基础上可以扩展记事本，音乐等。
代码备注详细，可在此基础上更加完善功能，打造属于自己的酷炫个人空间。

1.个人空间设计

1.1 进入空间

进入空间采用酷炫的canvas绘制的动态效果，会显示文字空间主题和数字进入空间倒计时；在下面动态效果里面可以看到演示。

1.2 空间顶部

顶部采用左侧个人图标和个人信息，右侧常用固定链接组合而成，鼠标悬浮带有动画效果。

1.3 空间内容

目前空间内容分为，常用链接（可以自己记录经常用到的地址，到时候可以直接进入）和我的项目（自己的项目地址，可以备注上用户密码内容，防止忘记）两部分。支持新增 和 删除。采用的是window.localStorage缓存数据，保证了数据的安全性 和 便捷性，支持扩展到数据库。

1.3 空间底部

空间底部采用音乐和空间上限时长，音乐可以自己在代码里面配置，支持多首，支持下一首，支持播放暂停，支持音量大小调节等功能。

1.3 空间整体

2.源码和完整效果展示

2.1 完整效果

个人空间，酷炫的动画效果，使用的地址链接跳转，常用链接记录，收藏自己喜欢听的音乐，记录自己日常的便签；在此基础上支持扩展更多的功能。

2.2 主要代码

这里只展示了两个主界面的html代码，更多代码见文章底部的 源码下载,里面有详细的代码说明和备注。

index.html 个人空间进入动态效果代码

    
    
    
	 



    

        
    
    
    

        xcLeigh | 个人空间
        

        上线了，
    

   

myspace.html 个人空间主界面代码

    
    
    
	 



    

		
		

			xcLeigh

			业精于勤,荒于嬉;行成于思,毁于随。
		
		我的博客
		我的主页
		我的简历
		我的二维码
		我的邀请函
		我的后台
		我的表白
		我的简介
		我的大屏
		我的记事本
    
	

	

		

			

				
常
用
链
接
				
我
的
项
目
			
			

				
			
			

				
			
		
		

			

				×
				

					链接名称: 
				
				

					链接地址: 
				
				

					链接备注: 
				
				

					保存
					删除
				
			
		
	
	

		

		
		
        xcLeigh | 
		个人空间
		| 上线了 ：
	

   

源码下载

html实现个人空间（源码） 点击下载

     ? 关注博主 带你实现畅游前后端

     ? 加入社区 带你体验马航不孤单

     ? 神秘个人简介 带你体验不一样得介绍

     ? 酷炫邀请函 带你体验高大上得邀请

     ① ?提供云服务部署（有自己的阿里云）；
     ② ?提供前端、后端、应用程序、H5、小程序、公众号等相关业务；
     如?合作请联系我，期待您的联系。
    注：本文归属CSDN,作者：xcLeigh，https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。

     亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 ? 问题请留言（评论），博主看见后一定及时给您答复，???

原文地址：http://iyenn.com/rec/1676290.html（防止抄袭，原文地址不可删除）