网站全新改版『千变万化』for PJBlog

今天是2009年4月22日，2年的今天我用PJBlog建立了这个网站。

其实这次换界面没有想到这个日子，只是今天突然发现的，是不是冥冥中注定的呢，呵呵。

到目前为止，网站基本更新完毕，可能还有些小问题等待发现。

修改方法：重磅推出PJBlog个性皮肤『千变万化』(博客背景切换功能)

皮肤的自由切换，在很早之前就在PJBlog论坛是谈到了，现在也有几个朋友研究出来，其实我不怎么喜欢修改源文件，升级起来有点麻烦，所以以前设计的皮肤一般都是不修改源文件，有些效果也是尽量用CSS来实现，当然想要复杂效果的这些肯定是不够的，这次改版用到了一些JS脚本，比如顶部竖形导航背景就可以有不同的背景颜色。

导航竖形效果

导航竖形效果沿用的是以前设计的『北京奥运』皮肤的导航效果；同时也使用的横形导航，横竖结合，千变万化！横形导航花了一些时间才搞定好，各个浏览器下的兼容问题测试好久，兼容了所有主流浏览器。最后还是万恶的IE6早点消失吧。

导航横形效果

顶部导航整体效果

皮肤切换是用正则匹配来调用的不同皮肤文件下的CSS，这些文件夹的名字已经小小的加密下，也希望高手暂时手下留情，不要盗用这款皮肤，适当时候我会发布的。皮肤切换按钮位于右上角，除IE6下都是固定在浏览器的右上角，IE6下只能定在页面的右上角，想切换必须先回到顶部。

顶部皮肤切换按钮

对于日历，添加的一个小小的效果，就是显示当月的数字背景。这个效果是在LBS上看到了，而PJBlog上好像没有，就把他加进来了。

日历显示当月的数字背景效果

博客底部添加返回顶部按钮，不是一下子就要顶，有一段向上滑行的过程，感觉不错。

滑行返回顶部按钮

界面更新告一段落了，接下来就是查找细节问题，解决问题！

博客界面整体效果