当前位置:首页 > 网站应用

我用 HTML 复刻了 QQ2006

cjw1232个月前 (01-18)网站应用810

这是一个使用 HTML + CSS + JavaScript 实现的 QQ2006 像素级复刻项目,重现了80/90后网友的青春记忆——那个伴随我们成长的经典QQ界面!

从登录框的珊瑚蓝渐变,到主面板的好友头像,再到聊天窗口的功能图标,所有素材全部从原版QQ2006安装包提取,力求还原最原始的体验。

演示地址(本站增加了AI对话功能):https://www.cjw123.com/qq2006/

开源地址:https://github.com/mengkunsoft/QQ2006

为什么做这个?

20年前的 QQ2006,是很多80/90后的数字故乡。那时我们还说着“GG/MM”,攒钱买Q秀,为太阳等级熬夜挂机……这个项目不只是UI复刻,更是一次怀旧疗愈。

未来计划

- 增加更多交互逻辑,实现基础聊天功能模拟
- 复刻更多子功能界面,如菜单面板、视频聊天界面等

注意事项

- 仅供学习交流,请勿用于商业用途
- 尊重版权,所有素材均来自原版 QQ2006 安装包,版权归腾讯公司所有

贡献指南

如果你对这个项目感兴趣,想一起打造更完整的 QQ2006 复刻版,欢迎提交 PR 或 Issue。让我们一起为这段数字记忆添砖加瓦!

开源许可

你可以自由地分享和修改代码,但请保留出处。


让我们一同重温那段青涩时光,用代码致敬经典!

本文作者为mengkun,转载请注明。

 

扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://cjw123.com/blog/?id=155

分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

zblogphp二级目录建站,伪静态规则怎么写

如果你的 Z-BlogPHP 站点安装在二级目录中,需要使用伪静态技术来优化站点的 URL,并提升搜索引擎蜘蛛的抓取效率。下面是一个 nginx 的伪静态规则示例:# 子目录规则要排在前边; location /sub/ {    &n…

霓虹灯文字代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title&g…

生日快乐气球特效代码

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">…

太极八卦图特效代码

<!DOCTYPE html> <html lang="en">  <head>   <meta charset="UTF-8"> &nbs…

状态码页面单页源码

可做为各种错误页!具体点下面的运行看演示<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <m…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。