加了一个页面loading效果


大家可以用IE点点本站的其它链接看看效果哦~比如顶部导航中的“踢馆!!!”
原理就是利用CSS的转换滤镜一定要把后面的元素一定要加载完成才会进行转换,还有监视是不是有离开本页的动作发生,组合起来就可以了~

这是加到页面head区域的CSS的转换滤镜

程序代码 程序代码
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)">

用onbeforeunload事件来监视离开本页的动作然后控制ID为loading的DIV的显示,加到</body>上面

程序代码 程序代码
<script language="JavaScript" type="text/javascript">
function loading(){
    document.getElementById("loading").style.display="block";
    document.getElementById("loading").style.top=(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop)+300+’px’;
}
window.onbeforeunload=loading;</script>
<div id="loading" style="position:absolute;top:300px;left:0px;width:100%;text-align:center;z-index:100;display:none;"><span style="color:#FFF;background-color:#C00;font-size:16px;"> ㊕㊢ 正在加载… </span></div>

这样就完成了,HOHO,这个也可以叫AJAX吧,虽然和“X”没什么关系……
其实这样做是让浏览的人等的时间长了一些,因为一定要等后面的页面loading结束后才会显示,所以没什么用,到是当离开页面时就出现这个loading有一些意思,感觉好有人工智能哦~

UPDATE 2006-12-27:加了一行让DIV一直在当前屏幕中间的代码

我看宜家

今年5月份时去宜家后写的,当时打算学习宜家的东东到网站设计中去…… 不过他们网站(http://www.ikea.com/ )怎么和他们的店感觉不一样呢,实体与虚体就是这种给人直接感受上的区别吧,不知道了……现在看来,也很有意思,呵呵……当然,好象也没有那家店像宜家一样财大气粗吧……沃尔玛?Y的,又是国外的。

那天去的是当时还算是新开的四元桥的那家店……

……在到达之前已经远远的看到了与瑞典国旗颜色一样蓝色与黄色的一个很大的方盒子一样的建筑,与他们的国旗一样用大面积的蓝色做底色,用黄色的条状为装饰,很是抢眼~

在进入地下车库后,感觉他的指示没搞好,有点晕,不过宜家连柱子也粉成橙色的了,感觉很温暖的颜色,让人有亲切感。

我们然后就进入了宜家的内部,在从地下车库到一层的电梯口有怎么在宜家买东西的提示牌,呵呵。然后到了一楼发现怎么只有电梯这一条路可以走,没别的路了,那就上电梯吧。。。电梯的空间是一个很大的空间,设计师在盘悬而上的电梯间放置了很多家俱,放置都是有一种主题就是像你家里一样的那样的放置的,嗯,对这叫样板间,嘿嘿。
发现他们很注意流程,就是第一步、第二步,怎么样,购物是这样,在一楼的把孩子托管也是这样,在提示牌上一共写了差不多六个步骤,很有条理,让人一目了然~

随着电梯而上,我们一下子就到了三层,这是最高的一层,我们先是去了餐厅,这是一个自助式餐厅,用护栏保证大家只可以向着一个方向走,嘿嘿,真黑啊,所以服务员很少,而且还到处用大牌子说为什么我们没有服务员,为什么我们让大家要自助式服务,我想如果在国外这种牌子也许就没有,因为中国的自助文化还没有吧~到了一个店里,就是大爷,服务员给我好好的服务吧,呵呵~(突然想到,也许自助式服务在国外真是很低端的吧,有人的服务才是很贵的,中国人太多了,所以人力成本下降了。。。)

在三层,你可以“借”用宜家的袋子,就象超市的小推车一样,是“借”哦,呵呵,然后他们在很多地方为你免费提供铅笔、流程表(有空白页,方便你记要买的东东)、纸做的尺子,方便你按他们提供的流程买东西。(发现他们总是在做自助流程、节约人力成本,当然这种自助也是可以让用户放松,很放松的买东东,人在放松时是很脆弱的!)

下面是一些我看到的东东:
样板间:三楼全是样板间,让你看个够,从而刺激你买家俱,而且没人管你,你可以随意动用,样板间的细节很好,每个家俱里面都有东东,样板间的地板、灯光,完全的模拟现实中你家的样子,用户在浏览样板间的同时也好象到各家各户去看,有一种家的温馨,很有家的感觉,爽啊~

小提示牌:他们的提示牌大约分三种:
一是最常看到的对家俱的介绍,他们把这个家俱对你有什么好处写了出来,完全是以第二人称写的,很有对话感,在提示牌上的内容如下:编号、产品物理属性、与其它产品兼容性、在哪购买、第二人称的介绍。当然所有的提示牌的样子都是统一的,还有就是一些专门推广某个产品的,这个就是一个很特别的牌子,然后写一二句很实用的话

二是很大的一种,这主要是对宜家的介绍,宣传自己多么多么好,这种主要是以数字来说自己的多少好,还有就是说这里是哪里的提示牌,还有就是地面上的路标

三是一些为什么的提示牌,放的地方特别好,我刚想了为什么这样,他马上就有一个提示牌说这是为什么,呵呵

我还看到他们为了保证用户照他们的流程走下去,在安全门那里写了不少吓唬你的话,什么警报啊之类的,让你不敢走,真黑啊

嗯,写不动了,下面就是老大的总结了
一、环保的纸、笔、垃圾箱=生活的安全
二、休闲=生活的无压力
三、免费的小东东=富足=生活的满足感
四、外国名字=生活的新鲜感
五、自助服务=生活的DIY
六、统一UI=生活的有条理、稳定
七、宣传画中的“为什么”字样=为你省钱=生活要节约
八、小细节=为他人着想=我为人人、人人为我
九、廉价的吃的喝的东东=突出欧洲=向望优质生活
十、流程=???

他们其实是在引导一种生活态度,而不是一种服务,强!!!

YY贴

好长时间没写日志,一定有不少的人不来了,为了挽回我的损失,我打算与大家一起探讨一个在下一代IPv100网络基础进入人类与人工智能之间的交互问题……

当然,我也很忙,W3C的几个会议我也要参加,业界的几十个标准也需要我去最后拍板,新买了几百架战斗机装不了AK47,懒得去坐。还要去火星参加他们举行的最终呈现前端计术报告会。上次坐他们飞碟去的,Y的,没有便便的地方,全尿到裤子里了,还说是可以循环再利用,这次造了几架航天飞机,里面有半个机身都是便便的地方。

最近,也小作了点学术方面的研究,发现原来原来一般普通人是用键盘和鼠标来用电脑的,96.5687956654%的还是用右手用鼠键,99.56515649513%的人用中指操鼠标滚轮(默认大家都用有滚轮的鼠标),98.91464651516%的人是用两个眼睛来看屏幕,只有0.00000000000000000005465521628%的人可以识别网页中的所有符号,而且识别这些符号的人的分布与地球球状体表面人口分布有相当的关系。同时也与以前接触过的符号的经历成很大成度的关系。

在深入分析后,我发现在上网的人群中有6.156165165165%的人(特别是男人)喜欢在别人面前卖弄一些让人难理解的话,然后在女性眼中他们被认为是难以捉摸的男人。当然也有某些群体把这些难以理解的话当成他们的吃饭的本身,比如时常有人说CSS,HTML之类。

一般而言,人类是以符号为单位而加以区分的以群体出现的单位,这些个体通过各种的符号进行交流。当某些个体说出另一些个体不知道的符号时,一般另一些个体的第一反应是,这个符号是什么意思,从而产生强大的好奇与探究心理,特别是一些与平常生活相关的词,比如说“BLOG高潮”。BLOG为什么高潮,BLOG高潮是什么,这些都会成为吸引人类的潜意识作用力。

一个可以熟练运用这些符号的人(不是认识和会说)可以通过符号产生十分强大的威力,比如有人可以运用符号这样来表达一种奇怪的思想:“不过这一次,马云似乎失算了。”这些符号组合在一起表达了运用这些符号的人用转折的方式说明,某位地球人“好像”没有没有达到他的目的,到底是好象失算了,还是好象没失算,运用符号的人很巧妙的利用了一种叫“语境”(我叫做“符号环境”)的东西给人类一种暗示……

现在,通过我收集来的数据显示,已经有很多人认识到了这种符号的作用,所以他们通过一种叫做“BLOG”的东西来锻炼他们运用这些符号的能力,通过这种东西,他们可以运用符号来研究符号,比如很多人在研究的“HTML(成套出现的符号)”“用户体验(一般而言,研究的人喜欢自认为是“用户”)”“美女(一般是看起来种族延续能力强的女性)”。

嗯,就写到这儿吧,我还要去看看刚刚在月球里面安装的恒星能量收集器怎么样了。我打算用他做为一个月球动力的来源,然后把月球搞的离地球再近一点,这样看起来他更大更美。

2006年11月17日

索尼欧洲公司(Sony Europe)副总裁纳奥米•克莱默(Naomi Climer)也同意这一观点:“工程行业到处都是难以捉摸的男人,故意说着让人难理解的话。我认为,不管你是在谈IT,还是谈工程,用大家都明白的话表达出来,才是真正理解的标志。”

真诚收集 Blog API 还有 Blog API 库(C++)

那个啥,因为我们的工具 maikr博客备份工具 要开发新功能了,所以向大家收集一下各种国内国外的BLOG的API啊,提供的我们也许可以优先提供搬家功能哦,谢谢大家了~

另外,大家最好也可以提供一下BLOG API 库的信息,最好是C++的,再次谢谢大家了~

PS: maikr博客备份工具 是目前最好用的blog备份工具~

内容限制到现在的宽度你觉得怎样?[结束]

UPDATA:只是改个宽度而不改全部设计看来已经失败了,555~大家不用做答了~

a) 好,现在舒服多了。
b) 好,如果再窄一点,字少一点更好。
c) 好,如果每行再宽一点,多一点字更好。
d) 不好,我想恢复以前的样子,全屏自动适应。
麻烦大家留言做答了~

从经典学了一招,我也 学蓝色 在这儿试试~

理论参考:对屏幕文字行宽度的计算与界定
http://www.blueidea.com/design/doc/2006/4203.asp

倪匡論金庸–談《鹿鼎記》
  《笑傲江湖》之後,金庸創作了《鹿鼎記》。《鹿鼎記》是金庸最後一部小說。在《鹿鼎記》之後,飲宴閒談之間,常有熟捻或陌生的人問金庸:「你為什麼不寫了?」
  在金庸未及回答之前,總不厭冒昧,搶著回答:「因為他寫不出來了!」如是數十次之後,金庸也感歎:「真的寫不出來了!」
  任何事物,皆有一個盡頭,理論上來說,甚至宇宙也有盡頭。小說創作也不能例外到了盡頭,再想前進,實在非不為也,是不能也。再寫出來,還是在盡頭邊徘徊,何如不寫?所以金庸在《鹿鼎記》之後,就停止了武俠小說的創作,大抵以後也不會再寫了。所以,《鹿鼎記》可以視為金庸創作的最高峰、最頂點。
  先引進金庸小說中的話,見於《神雕俠侶》。楊過在獨孤求敗的故居之中,所發現的留言:凌厲剛猛,無堅不摧,弱冠前以之與河朔群雄爭鋒。
  紫薇軟劍,三十歲以前所用。
  重劍無鋒,大巧不工,四十歲以前持之橫行天下。
  四十歲後,不滯於物,草木竹石均可為劍。自此精修,漸進於無劍勝有劍之境。
  獨孤求敗的留言,寫的是武功漸進之道,也是小說創作上的漸進之道。
  金庸以前的作品,是凌厲剛猛之劍,是軟劍,是重劍,是草木竹石皆可為劍,雖然已足以橫行天下,但到了《鹿鼎記》,才是真正到達「無劍勝有劍」的境地。
  只要有劍,就一定有招,就一定有破綻。金庸在《笑傲江湖》中已一再強調這一點說的雖然是武學上的道理,但也是任何藝術創作上的道理。這番道理,是「獨孤九式」中的要旨──(又是「獨孤」,金庸在小說創作上沒有敵手,想來心裡很寂寞沒有了「敵強我欲強」的刺激,如果有,在《鹿鼎記》之後,可以有另一個高峰出現?)《鹿鼎記》已經完全是「無劍勝有劍」的境地。《鹿鼎記》甚至不是武俠小說,不是武俠小說的武俠小說,才是武俠小說的最高境界。
  所有武俠小說,全寫英雄,但《鹿鼎記》的主角,不是英雄,只是一個有血有肉的人,和你我一樣,和普天下人一樣。
  所有武俠小說的主角,都是武功超群,都有一個從武功低微到武功高超的過程,但是,《鹿鼎記》的主角卻一直不會武功。
  金庸在創作《鹿鼎記》之初,可能還未曾準備這樣寫,韋小寶遇到不少高手,有不少際遇,只要筆鋒一轉,就可以是韋小寶成為武林高手。但金庸終於進入了「無劍勝有劍」的境界,韋小寶只學會了一門逃跑的功夫,一直不會武功,創自有武俠小說以來未有之奇。所有武俠小說的主角,都是超人,可以用各種道德規範來衡量,只有《鹿鼎記》的主角不是,是一個普通人,經不起道德標準的秤衡。但是誰也不能責怪他。誰要責怪他,請先用道德規範秤衡自己。耶穌基督曾說:你們之間誰沒有罪的,就可以拿石頭擲他!
  《鹿鼎記》中,金庸將虛構和歷史人物混為一體,歷史在金庸的筆下,要圓就圓,要方就方,隨心所欲,無不如意。可以一本正經敘述史實,也可以隨便開歷史玩笑可以史實俱在,不容置辯;也可以子虛烏有,純屬游戲。
  《鹿鼎記》寫一個一無所長的人,因緣附會,一直向上攀升的過程。但仔細看下來這個人又決不是一無所長,而是全身皆是本領。他的本領,人人皆有,與生俱來,只不過有的人不敢做,不屑做,不會做,不能做,而韋小寶都做了,無所顧忌,不以為錯,所以他成功了。
  從撒石灰迷人眼,遭茅十八痛打開始,韋小寶沒有認過錯,他堅決照他自己認為該做的去做。
  這是金庸在《鹿鼎記》中表現的新觀念,突破了一切清規戒律,將人性徹底解放,個體得到了肯定。甚至在男女關係的觀念上,也釋放得徹底之極,韋小寶一共娶了七個妻子之多。
  反英雄,反傳統,反束縛,《鹿鼎記》可以說是一部「反書」。
  宣人性,宣自我,宣獨立,宣快樂,《鹿鼎記》又不折不扣,是一部「正書」。
  「神龍教」是「星宿派」的進一步,是「朝陽神教」的進一步。影子是中國大陸當時的政局,隱喻文學到這一地步,已是登峰造極。
  《鹿鼎記》開盡了歷史的玩笑,但絕不胡鬧。康熙大帝在《鹿鼎記》中突出了這個中國歷史上三個最英明的君主之一(柏楊《中國人史綱》中的結論),在書中可見他的英明之處。康熙在書中,是一個上上人物。
  韋小寶什麼事都干,唯獨出賣朋友不干。但結果,他不免被朋友出賣,真是調侃世情之極。
  若說《鹿鼎記》不是武俠小說,它又是武俠小說,從洪教主所創的「美人三招」,就開武俠小說中未有之奇。
  《鹿鼎記》中的敗筆是刀槍不入的背心和削鐵如泥的匕首,但又少它不得。
  《鹿鼎記》中有各種各樣的賭,參賭者有輸有贏。
  美刀王下的賭注是他的一生,賭的是莫名其妙的戀情,是勝是負,竟不可知。
  吳六奇輸得最不明不白。
  吳三桂在長期苦戰後輸個精光。
  康熙坐莊,結果各家皆輸,莊家獨贏。
  陳永華跟人下注,贏了輪不到他,注定要輸。
  洪教主專落一門,結果連老婆都輸掉。
  韋小寶做幫莊,又見好就收,自然也是大贏家。
  阿珂、雙兒、洪夫人、曾柔、小郡主替幫莊收籌碼,吃紅錢,自然也各有所獲。
  吳應熊輸得最慘。
  馮錫范不肯認輸,死磨到底,輸得最不堪。
  茅十八一上來就輸完。
  俄國人想出詐術,結果幸保首領而歸,未曾輸清。
  陳圓圓只在一旁觀賭。
  九難也在旁觀賭,她已無可落注,早已輸光。
  桑結喇嘛輸了手指。
  俄國蘇菲亞公主是贏家,贏了人,贏了權力。
  李自成賭品最差。
  韋小寶的賭品最好。
  康熙賭品最大方。
  說《鹿鼎記》不是武俠小說,但卻又是武俠小說。試看洪教主的「美人三招」的詳細描述,有哪一部武俠小說有這樣好的有關「武術」的情節。所以,《鹿鼎記》是不是武俠小說,是武俠小說臻於化境之作,是武俠小說中的極品。
  《鹿鼎記》是古今中外第一好小說,在金庸作品之中,排名第一。