摘要: 整理文件时翻出一个好久前做的泡泡屏保的特效,纯JS+CSS做的。回想了下,是去年年初时看见XP下那个流行的泡泡屏保,突然想移植到JS版本来。但有做着才发现有不少麻烦的问题解决不好,于是没继续。   和XP系统自带的那个屏保一样,从屏幕一个角落里冒出很多泡泡,然后在屏幕里碰撞反弹。泡泡有着半透明的渐变色,并且颜色也是在不停的变换。 阅读全文
posted @ 2011-11-08 12:11 EtherDream 阅读(12741) 评论(14) 推荐(12) 编辑
摘要: 前些时候做的一个卡片式相册,收集了近几年的Doodle。 本人最忠诚的Google Fans :) 页面支持所有的桌面浏览器外,还兼容了iOS系统的mobile safari。你可以体验下用手指拖曳精美的Doodle卡片~ 在桌面电脑上,你的显示器分辨率越高,视觉效果就越好,别忘了可以按F11全屏浏览。 页面除了用来观赏外,另一个用途就是测试你的浏览器性能。目前排名是Firefox最流畅,而据称渲染最快的Opera反倒最慢... 有iPad2或者iPhone4S的朋友不妨可以试试,双核的强大威力:) 阅读全文
posted @ 2011-10-25 22:00 EtherDream 阅读(3248) 评论(15) 推荐(4) 编辑
摘要: 无聊时尝试了下最短的XHR创建代码 阅读全文
posted @ 2011-10-09 00:14 EtherDream 阅读(3737) 评论(12) 推荐(6) 编辑
摘要: 在地址栏载入脚本,不少插件都是用这个方法,并且可以添加到收藏夹。本文尝试简化其代码,压缩到最极限。 阅读全文
posted @ 2011-10-08 19:29 EtherDream 阅读(6989) 评论(21) 推荐(11) 编辑
摘要: WebP是Google推出的一种图片格式,比JPEG小40%。但目前仅Chrome和Opera支持。本文通过Alchemy技术实现了高效的在线解码器,配合WebP.js插件,可在任何浏览器下显示.webp图片。 阅读全文
posted @ 2011-09-05 18:51 EtherDream 阅读(2686) 评论(9) 推荐(2) 编辑
摘要: IE9之前的浏览器都存在的BUG:在png-24图片上使用滤镜(CSS filter),图片的alpha通道丢失。解决办法就是用DXImageTransform.Microsoft.AlphaImageLoader载入图片,代替img或者background。 阅读全文
posted @ 2011-04-08 17:17 EtherDream 阅读(4257) 评论(15) 推荐(6) 编辑
摘要: 改变图片的原始尺寸,在部分浏览器上渲染时很耗CPU。 阅读全文
posted @ 2011-04-04 18:06 EtherDream 阅读(3187) 评论(17) 推荐(10) 编辑
摘要: 尝试在JS中模拟Java的HashMap结构。支持Object类型的key索引。 阅读全文
posted @ 2011-03-13 14:36 EtherDream 阅读(2644) 评论(2) 推荐(4) 编辑
摘要: 上面的效果看起来还不错吧。在网页里,除了用Flash,我们还是有不少方法可以实现它。 显然这种效果不复杂,一张背景图片,加上前面带有透明度的多边形图层,在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形? 在IE下可以用VML,其他浏览器可以用Canvas等等。虽然行的通,但都不是最简 阅读全文
posted @ 2011-03-11 17:29 EtherDream 阅读(4799) 评论(15) 推荐(17) 编辑
摘要: 8年前的今天,本人还是刚踏入互联网不久的小菜鸟。记得那还是一个IE5的时代,Win98的经典风格和亲切的蓝屏画面仍旧是记忆犹新。不过抱着对这未知世界的好奇,很快学会了新手最爱的开门语言——VB和HTML。顺着VB熟悉的手感,不经意间过度到了VBScript。在那个IE统揽天下的时候,VBScr... 阅读全文
posted @ 2011-03-11 15:18 EtherDream 阅读(4937) 评论(14) 推荐(9) 编辑
摘要: JS虽然发送不了真正Ping的ICMP数据包,但Ping的本质仍然是请求/回复的时间差,我们可以试图去请求站点的某个不存在资源,根据返回错误的时间,我们就可以计算出延时的时间差了。在本例,我们尝试访问指定站点下的一个不存在的图片文件(文件名是个随机数),以致onerror事件发生,这个过程大致就是网 阅读全文
posted @ 2011-03-10 19:47 EtherDream 阅读(4684) 评论(6) 推荐(11) 编辑
摘要: 你是否发现有这么一个现象,比如在百度上搜索,显示出来的文字只占了左半个屏幕,而文字的垂直长度却要拖上整整一屏幕的滚动条。内容占用空间的纵横比例似乎有些不协调,尤其是在宽屏显示器上这个比例更加突出。 当然这样的设计肯定是有好处的,页面看上去显得简洁清爽,右边的空白处还可以贴些小广告(这个是关键吧)。对于这个例子,把滚动条以下的内容放到右边的空白处显然还是绰绰有余的。这样就变成一页好几列的效果,为了体验下这个效果,这里简单的用几个百度的iframe拼接成一个DEMO:http://www.etherdream.com/Creative/BaiduScroll.html 当然由于是很多框架拼起来.. 阅读全文
posted @ 2011-03-10 16:35 EtherDream 阅读(4488) 评论(35) 推荐(6) 编辑
摘要: 你能懂的,不解释。。。 阅读全文
posted @ 2011-03-07 13:30 EtherDream 阅读(3691) 评论(19) 推荐(4) 编辑
摘要: 利用JS天生支持哈希表的优势,将关键字编织成树结构,方便之后的高速查询。 阅读全文
posted @ 2011-03-07 13:25 EtherDream 阅读(2149) 评论(15) 推荐(4) 编辑
摘要: SYNDOS攻击器。。。 阅读全文
posted @ 2011-03-03 20:13 EtherDream 阅读(1365) 评论(0) 推荐(0) 编辑
摘要: 用过VB写过点程序的朋友都知道,涉及到内存地址访问的时候,CopyMemory这个API是少他不了的。的确用了这个API给死板的VB带来了不少的灵活性,然而仅仅作为一个内存读写的指令,却要要用API函数来实现,其中的开销自然不言而喻。难道不用API,VB就没有别的办法访问内存了吗?当然不是! 在C里 阅读全文
posted @ 2011-03-03 19:58 EtherDream 阅读(847) 评论(0) 推荐(1) 编辑
摘要: 通过__defineGetter__给FireFox的window定义event属性。沿着Function.caller调用链,追溯到堆栈顶层函数,其中第一个参数即event。 阅读全文
posted @ 2011-03-03 19:11 EtherDream 阅读(3615) 评论(0) 推荐(5) 编辑
摘要: 通过a:visted伪类,让点击过的超链接文字表现出特殊的样式,然后通过脚本检测此特殊样式,分析用户是否访问过该链接。 阅读全文
posted @ 2011-03-03 17:48 EtherDream 阅读(2437) 评论(2) 推荐(4) 编辑
摘要: JS+CSS实现的立方体插件,支持所有主流浏览器。 阅读全文
posted @ 2011-03-03 15:39 EtherDream 阅读(3276) 评论(4) 推荐(2) 编辑
摘要: 好久前开通了这个博客,取了个index.html的名字打算风光下,谁知注册倒是成功,blog却就打不开。。。今天顺便来逛了下发现名字变成index-html了。。。。。。算是个大杯具。 阅读全文
posted @ 2011-03-02 23:26 EtherDream 阅读(1731) 评论(2) 推荐(2) 编辑