Tag: JavaScript

谷歌logo动画jquey版

星期三, 五月 11th, 2011 乱七八找, 前端笔记热度:295 ℃ 29 条评论

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

CSS和js自动添加版本号

星期五, 四月 8th, 2011 WordPress, 乱七八找, 前端笔记热度:513 ℃ 21 条评论

昨天去winy那里咨询他网站里css和js后面版本号的问题,我之所以想加这个功能是因为每次在A电脑修改的样式或者js到了B电脑上就看不到效果,还得ctrl+f5才能看到,我承认我缓存了网站的样式和js,虽然可以让用户把一些常用的很少改动的样式和js缓存到本地,蛋似当我修改了样式或者js后用户看到的还是之前缓存的那个版本,这是个很糟糕的问题,这样不能让各位童鞋们第一时间看到我搞出那些可爱效果,所以我决定也搞一个自动添加版本号的功能。

无插件js高亮css代码

星期一, 三月 21st, 2011 WordPress, 前端笔记热度:317 ℃ 23 条评论

之前贴代码都是从代码发芽网生成的代码,即使有些麻烦偶也贴来贴去的,为神马呢,还不是因为不想用那几个高亮插件啊,于是想着能不能既不用插件,又不用去别处生成代码也能实现这种高亮呢?经过我香港谷歌,台湾谷歌,翻墙谷歌之后找到了实现这个方法的思路. 其实这个方法不是很好,蛋我没有找到更好的非插件方法,所以暂时先用着吧~~

jquery自定义滚动条

星期一, 一月 17th, 2011 前端笔记热度:631 ℃ 19 条评论

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

倒计时效果

星期五, 十一月 19th, 2010 前端笔记热度:611 ℃ 23 条评论

最近一段时间木有敲代码了,大部分时间都在娱乐,感觉自己坠落了,求回收 (鼻涕) 马上要做一个专题页面了,嘿,这让我精神抖擞了一下,都说代码如湿,看来我又要开始淫湿做赋咧。

jquery背景图滚动效果

星期日, 九月 26th, 2010 WordPress, 前端笔记热度:1,545 ℃ 47 条评论

在Winy那里看到了这个效果,感觉很不错,我在这里木有经过他的同意把这个效果放出来,(他说他也是copy的),所以我把js加密了一下,其实思想也很简单,又能力的童鞋可以山寨一下玩玩。 闲扯一句,现在看到很多博主都把js给加密了,不知道这是好事还是坏事啊。。。

WordPress沙发和楼层效果

星期四, 九月 16th, 2010 WordPress, 前端笔记热度:593 ℃ 33 条评论

一直想给自己加个楼层显示,可是网上找的代码大多都不太适合,索性自己写一个吧,依然基于jquery实现. 代码写的很直白,没有优化,喜欢的朋友何以拿去,不喜欢的朋友可以自己优化, 网上的代码大部分是用php输出的,我对php不是太了解就,所以就用js做了这个使用了侵入页面的方式来实现的效果:

WP后台晃动效果

星期五, 八月 27th, 2010 WordPress, 前端笔记热度:874 ℃ 59 条评论

其实写这篇文章的目的不仅仅是为了用jquery山寨这个晃动效果,而是为了让大家看一下js混淆后的效果,当然这种方法很不开源而且维护起来也不方便,但是人家自己辛苦写的代码也不容易,我可以接受版权这个思想,但我还是主张开源,举一个例子:WP就是因为开源才能如此飞速发展滴。

说一个事

星期一, 八月 23rd, 2010 时光机热度:316 ℃ 18 条评论

有一件比较郁闷的事,以后白天就没有机会用电脑上QQ了,公司限制了聊天工具和一些娱乐性的网站,不知道我的小站算不算,反正不能这家水一下,那家水一下了,哎,我要水我要水啊~~

博客默哀彩蛋

星期六, 八月 14th, 2010 时光机热度:568 ℃ 27 条评论

明天又是全国哀悼日了,这两年全国真是多灾多难啊 (哭) ,我在想我的小站是不是也要变灰呢,想了又想还是决定让用户自己选择吧,于是弄了一个小彩蛋,当页面载入完毕你输入laozhuhome,页面就会在15秒后变灰,(那15秒是留给你默哀的)有兴趣的同学可以试一下,可以兼容所有浏览器的哟,当然希望你能真正为舟曲人民疼痛。默哀的意义在于让所有人可以在那个时候明白生命的意义,然后积极的活下去,人生无常,黄家驹说过生命不是在乎你得到了什么,而是在乎你做过了什么,我一直在这么做着,希望从前的和未来的自己可以满意。

无情未必真英豪 关闭