今天早上上班打开电脑突然发现谷歌的doodle竟然动了起来,第一反应是flash,然后firebug,发现竟然不是,然后唏嘘数分钟。估计有很多童鞋都会像我这样思考和行动吧,好吧,让我们一起来探索一下奇迹是如何发生的。 这个动画使用了CSS Sprites技术,这个已经不是什么新技术了,很多很多的网站都在使用,使用CSS Sprites的目的是为了减少HTTP请求以减轻服务器端的压力,在访问人数很多的电子商务类网站这项技术的优势就会很明显,最后再把拼图压缩一下CDN流量那边估计每个月就又能加菜啦~~
Tag: JavaScript
谷歌logo动画jquey版
CSS和js自动添加版本号
昨天去winy那里咨询他网站里css和js后面版本号的问题,我之所以想加这个功能是因为每次在A电脑修改的样式或者js到了B电脑上就看不到效果,还得ctrl+f5才能看到,我承认我缓存了网站的样式和js,虽然可以让用户把一些常用的很少改动的样式和js缓存到本地,蛋似当我修改了样式或者js后用户看到的还是之前缓存的那个版本,这是个很糟糕的问题,这样不能让各位童鞋们第一时间看到我搞出那些可爱效果,所以我决定也搞一个自动添加版本号的功能。
无插件js高亮css代码
之前贴代码都是从代码发芽网生成的代码,即使有些麻烦偶也贴来贴去的,为神马呢,还不是因为不想用那几个高亮插件啊,于是想着能不能既不用插件,又不用去别处生成代码也能实现这种高亮呢?经过我香港谷歌,台湾谷歌,翻墙谷歌之后找到了实现这个方法的思路. 其实这个方法不是很好,蛋我没有找到更好的非插件方法,所以暂时先用着吧~~
jquery自定义滚动条
拿到一张效果图,发现有自定义滚动条这种效果,于是很纠结该怎么来实现它,自己尝试模拟了一下,可是最终还是因为天生愚钝暂时还没有能力独立写出来这个效果,所以只好找了一个插件来实现,下面上demo。 有两处用了自定义滚动条这个效果,一个是上面秒杀规则那里,还有一个在下面的查看英雄榜那里。使用方法很简单,再上一个精简版的demo,
倒计时效果
最近一段时间木有敲代码了,大部分时间都在娱乐,感觉自己坠落了,求回收 (鼻涕) 马上要做一个专题页面了,嘿,这让我精神抖擞了一下,都说代码如湿,看来我又要开始淫湿做赋咧。
jquery背景图滚动效果
在Winy那里看到了这个效果,感觉很不错,我在这里木有经过他的同意把这个效果放出来,(他说他也是copy的),所以我把js加密了一下,其实思想也很简单,又能力的童鞋可以山寨一下玩玩。 闲扯一句,现在看到很多博主都把js给加密了,不知道这是好事还是坏事啊。。。
WordPress沙发和楼层效果
一直想给自己加个楼层显示,可是网上找的代码大多都不太适合,索性自己写一个吧,依然基于jquery实现. 代码写的很直白,没有优化,喜欢的朋友何以拿去,不喜欢的朋友可以自己优化, 网上的代码大部分是用php输出的,我对php不是太了解就,所以就用js做了这个使用了侵入页面的方式来实现的效果:
WP后台晃动效果
其实写这篇文章的目的不仅仅是为了用jquery山寨这个晃动效果,而是为了让大家看一下js混淆后的效果,当然这种方法很不开源而且维护起来也不方便,但是人家自己辛苦写的代码也不容易,我可以接受版权这个思想,但我还是主张开源,举一个例子:WP就是因为开源才能如此飞速发展滴。
说一个事
有一件比较郁闷的事,以后白天就没有机会用电脑上QQ了,公司限制了聊天工具和一些娱乐性的网站,不知道我的小站算不算,反正不能这家水一下,那家水一下了,哎,我要水我要水啊~~
博客默哀彩蛋
明天又是全国哀悼日了,这两年全国真是多灾多难啊 (哭) ,我在想我的小站是不是也要变灰呢,想了又想还是决定让用户自己选择吧,于是弄了一个小彩蛋,当页面载入完毕你输入laozhuhome,页面就会在15秒后变灰,(那15秒是留给你默哀的)有兴趣的同学可以试一下,可以兼容所有浏览器的哟,当然希望你能真正为舟曲人民疼痛。默哀的意义在于让所有人可以在那个时候明白生命的意义,然后积极的活下去,人生无常,黄家驹说过生命不是在乎你得到了什么,而是在乎你做过了什么,我一直在这么做着,希望从前的和未来的自己可以满意。