关于本Blog的页面载入效果

Zed童鞋向我询问本站载入效果的做法,由于比较繁琐,遂写到Blog中来,一来是这样比QQ等手段更有条理性,二来可以保留下来提高重用率。

废话不多说,现在开始:

1.结果
本效果完成后的效果就是你在打开本站每一个页面的时候会出现一个半透明遮罩一个loading画面然后页面载入完以后遮罩消失的效果。

2.思路
这个半透明遮罩首先被载入,这样他才能在一开始就出现,他上面有一张图片和一段文字告诉浏览者这是在loading,而不是笔记本快没电了或者什么;然后,页面的DOM就Ready了,这个时候为了验证各种库(比如我所使用的jQuery)载入完毕,CSS也下载完了,我们使用jQuery语句来使这个遮罩层隐藏起来,这个时候这个效果就完成了。 继续阅读关于本Blog的页面载入效果

使用jquery和cookies控制select表单

问题源于一个群里面的提问,在一个网页上添加一个select表单,当用户选择表单的时候,内容区会显示不同的内容,并在该用户下次打开此网页的时候记住这个设置。
像这样的东东一般都会想到要用Cookies来存储设置,方便起见,对于DOM的操作就想到了jQuery(直接写js执行效率会更高,只是,人都是很懒的嘛,呵呵..)。记录下来也算是个笔记吧(Demo)。

首先写这么一个Select下拉表单,以及用来输出被选中项相应内容的块:

然后是用来处理Cookies的函数,其实jQuery有个插件是干这个的,不过貌似有点小Bug,所以我用的是以下函数:
继续阅读使用jquery和cookies控制select表单

Wibiya

Wibiya是一个华丽的blog挂件(如我blog底部所示),其注册貌似是需要人工审核并由工作人员邀请的。

今天装了一个之后发现其与我所用的jQuery类库有所冲突。找到所有写有jQuery语句的代码,将其中 $ 全部替换为 jQuery ,问题解决。

BTW:这个工具条貌似很好的解决了腿特脸书翻不过墙的问题。

一个jQuery+CSS幻灯片播放器

写了一个幻灯片播放器,是用纯jQuery+CSS写的,如果你不喜欢Flash幻灯片播放器可以试试这个。其主要特点是高度宽度可以自由重新设定,幻灯片的数量也可以自由增减(当然也不能过于离谱..),使用jquery+css节省了代码,使载入更迅速..等等..

效果是这样的,请点击这里
继续阅读一个jQuery+CSS幻灯片播放器