刚看完《幻想乡》系列的动漫，突然就想搞个粉丝网站，名字就叫“时间停止幻想乡官网”。反正闲着也是闲着，就琢磨着动动手玩一玩。
准备阶段：脑补加工具选型
我先翻出笔记本，画了个草图。脑子一热，决定弄个简单的页面展示角色信息，加上点动态效果。工具嘛我看别人用HTML和CSS最多，就直接选了这些最基础的。打开电脑浏览器搜了几个教程，但连谷歌都不用整，就直接在本地撸袖子干了。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 建文件夹：我在桌面建了个叫“time-stop”的新文件夹，里面放了个*文件。
- 搭环境：双击文件用记事本编辑，开头写个基础HTML结构，标签套标签，搞了个标题栏和内容区。
动手写代码：网页设计
正文内容我想放几个主要角色图。下载了几个免费动漫图片存到文件夹。然后手敲代码，弄了个列表展示：用ul和li标签列出角色名，每个加个图片链接。写CSS时费劲巴拉，调了半天颜色和边距，想搞出个梦幻风格。
- 页面布局：div包div，左边放角色列表，右边弄个大图区，一点图片名字就能切换显示。
- 加效果：整了个简单JS脚本，鼠标悬停角色名时，图片会变大变小，模仿“时间停止”的感觉。脚本代码网上抄了点改改，放个函数进去就完事。
遇到问题：各种bug解决
测试时一团糟。网页在Chrome显示正常，但换到Firefox就图片错位。我骂了声“草”，赶紧查文档手动调CSS。脚本更坑人：点切换太快页面直接卡死，像真时间停止了一样。抓耳挠腮半天，发现是事件监听写重复了，删掉几行后总算流畅了。
完成上线：分享成果
整个网站塞进一个zip包，传给我的粉丝群看。大家反馈说效果还行，虽说不专业，但情怀到位。我复盘下整个过程，省钱省力，比预期少花三天，挺满意。
总结就是，动手比空想强。下次可能加点后台功能，但现在先停这，懒得折腾了。
