LaoZhuHome Beta

每当遇到一些节日这边都会出一版logo动画，这重担自然落到了敬爱的汤师爷肩上，至于汤师爷是多么的油菜我已经不想多说了，现在我要做的事就是把他这个动画变成jquery版本。 在没有开始做之前我就跟汤师爷提过这个建议，我估计这小子是故意的，因为当我拿到flash源文件的时候我惊奇的发现竟然有700帧！我不得不把这700帧分成了7张图片顺序载入才完成了这个动画效果，由于帧数色彩太丰富，压缩后单张图片竟然高达4M左右，于是又不得不强行压缩成8位色彩，最后的结果已经失去了flash版的光华，但是我仍然放出来给大家看一下，至少在帧数较少的情况下完全可以用js来实现这个效果，像谷歌logo动画一样，你也可以。

不知道大家有没有注意到小站的顶部导航全是独立页面，而没有放分类的内容，有些想找到某个分类的访客可能第一时间无法找到。其实我这样做也是没有办法，因为我的分类有10个之多，导航那个地方无法全部排开，所以我暂时把分类目录放到了输出文章标题下面，但还是不显眼，所以才有了这篇文章的出现。 也许你会说这样不就和标题下那个分类目录重复了吗，确实是重复了，但为了增加分类目录的展示率，只能再增加一个入口，这个入口就是分类图标。

先说一下，这个是文囧文。 这个效果在很多电子商城左侧都会用到，也许有一些人会问这种效果是如何做出来的呢，其实用jquery并不是很难实现，我在这里从之前做过的页面里分离出来了一个demo，效果没有封装就是为了大家能看的更清楚，用了尽量通俗的方法写了出来，如果你还是看不懂那么自己就扒下来慢慢研究吧。 最重要的还是要用xhtml和css把一个良好的结构做出来，如果没有一个良好的html结构做支撑，可能用js来实现一些效果会出现多遍历一个节点这种无谓的消耗，当然我写的也不一定好，仅供参考。

这两天去掉了Wordpress Thread Comment这个插件，换上了Ajax comments，很多很多人都在用这个功能，好处我就不说了，我之所以现在才用大师的作品是因为原插件拓展性不是太强，无法实现评论异步加载功能，Ajax comments的拓展性很高，可以随意定制评论后的效果，但是Ajax comments没有了点击[回复]后@author:的效果，用惯了Wordpress Thread Comment发现没有@访客这种功能确实很不习惯，所以自己弄了一小段代码来实现这个友好的效果。

今天早上上班打开电脑突然发现谷歌的doodle竟然动了起来，第一反应是flash，然后firebug，发现竟然不是，然后唏嘘数分钟。估计有很多童鞋都会像我这样思考和行动吧，好吧，让我们一起来探索一下奇迹是如何发生的。 这个动画使用了CSS Sprites技术，这个已经不是什么新技术了，很多很多的网站都在使用，使用CSS Sprites的目的是为了减少HTTP请求以减轻服务器端的压力，在访问人数很多的电子商务类网站这项技术的优势就会很明显，最后再把拼图压缩一下CDN流量那边估计每个月就又能加菜啦~~

没事翻看了一下自己以前的文章，那个时候刚刚建立博客，所以来的人可能很少，留下了很多篇无人问津的文章，于是我决定把它们拉出来晒晒太阳，来过博客的童鞋应该已经发现了，以前头部的banner图区域被我换成了四个小图，其实那四个小图就是四篇评论最少的文章，当有人评论过了以后就会有新的评论少的文章替代，有蛋疼的童鞋可以去挖一下，说不定在你来之前也有你喜欢的东西呢。 今天我给评论最少的文章加了一个jquery可控滚动图的效果，有需要的朋友可以留言，我会在下次专门搞篇文章弄个demo说一下这个效果，我写的也不怎么好，不过我想也许你会用的到。

无意中点到了自己的留言板，发现滚动条已经变的很瘦小了，第一个反应就想到了留言分页，可是搞了半天都没搞出来，于是就想到了这种很虚伪的方法来实现这种效果，如果你和我一样还不会ajax传输数据，那么你也可以用这种方法，甚至你也可以用到首页文章展示上，至少我觉得这个比ajax简单多了。 具体效果可以看我的留言板。

经常在网页上写微博的人肯定熟悉这个效果，我给wordpress也弄一个评论字数统计，因为我在别的博客看到有人竟然在评论发了一篇垃圾短文，这个效果在开始就杜绝了这个可能性，愿太阳花与他同在。 原理应该一样，基于jquery实现，主要的就是textarea文本框的字数限制有些讨厌，其他代码应该你一看就懂。

这两天苏宁易购又在搞秒杀活动了，记得上次项目部的人都屁颠屁颠的去秒，可是木有一个人秒到，每到倒数几秒的时候页面就卡住了，哎，破服务器不给力啊。这次的秒杀貌似力度不如上次大，有需要的朋友可以去看一下，或许有你需要的东西呢。 下面说说这个放大镜效果吧，这个效果在商城类的网站里应该经常碰到，我试着自己写了一下，现在放出demo，有些地方不是太完善，不过一般性的功能应该都能满足。

拿到一张效果图，发现有自定义滚动条这种效果，于是很纠结该怎么来实现它，自己尝试模拟了一下，可是最终还是因为天生愚钝暂时还没有能力独立写出来这个效果，所以只好找了一个插件来实现，下面上demo。 有两处用了自定义滚动条这个效果，一个是上面秒杀规则那里，还有一个在下面的查看英雄榜那里。使用方法很简单，再上一个精简版的demo，