晚上发现Flickr的Upload photos变了,因为整个界面都变了,我就研究多一点,在上传时一不小心发现地址的Favicon动起来了,Flickr的那两个小东东动起来还真好玩。认识我的快加我的Flickr,不过据说现在还在受功夫网保护中-__-!!
如果你一直盯着上传那个页面看,那个会动的Favicon就没有什么意义了,页面上有更直观可以看的,但是,如果你是习惯Tab浏览的话,换到别的页看就有意义了。^ ^,等他不动时就知道已经传好鸟。细节决定成败,很多站抄Flickr,可是太多的细节没抄下来。哎。
实现换favicon并不难,不过直接改link的href是没用的,我是在后面加多一个就搞定XD
动一下 停下来 如果是在RSS阅读器里我就不知道能不能动能不能停了=。=
不过不是每个浏览器都可以动起来,Firefox没问题,Opera好像不支持GIF的样子,IE6就更别说了,IE7就不知道,家里没装。这里是代码的主要部分,完整的代码在两个按钮上。
var icon=document.createElement('link');
icon.setAttribute('rel','icon');
icon.setAttribute('type','image/ico');
icon.setAttribute('href','http://www.aoao.org.cn/loadingfavicon.gif');
icon.setAttribute('id','loadingIcon');
document.getElementsByTagName('head')[0].appendChild(icon);
其实Flickr这次上传的改动,还有一大堆好玩的技术。。比如js post(Ajax)图片上传。。我记得好久前宝玉有写过个带进度的上传,有兴趣大家找到。改掉上传那个难看的框框应该是用透明,一般大家都是这样做,不敢看它的代码。


共有 4 条评论
opera不行,IE6不行,IE7圆圈转了一下就不动了,只有firefox支持?太小众了吧
js post(Ajax)图片上传
嗯
不错不错
今天发现 Gmail 上也应用上了类似的效果…
动态显示未读邮件数。
不过我在 SF4 和 Chrome 下测试貌似都没效果. – -
- -# 搞错….才发现是 Better Gmail 2 干的…