Archive for 九月, 2009

我的在线简历第000000001版

很快就要找工作了,最近比较闲,于是把写了个在线网页版简历。水平有限,肯定不少错误。希望高人可以指出错误。

此简历基于XHTML1.0/Css2.0/Mootools 我不能像大大们那样用纯js写效果,只能用mootools来写了。 极端希望大家给点意见,我发现自己好像很多自己总结的知识不一定对的。有兴趣的朋友可以留言索取整个实例源码。 在线测试地址:http://xiebiji.com/works/resume/

......[ More Detail ]

兼容ie6,ie7,ff的fixed,元素上下端固定定位方法

效果地址:点击我

为了兼容ie6(万恶的东西),用的是expression的方法

在页头加入:

body{ background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/ } .head,.foot{ position:fixed !important;/*ie7 ff*/ position:absolute; z-index:21; background:#999; height:30px; width:500px; } .foot{ bottom:0 !important;/*ie7 ff*/ } .main{ height:2000px; }

HTML:

header main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main foot

转载的同学麻烦注明一下出处:http://xiebiji.com/2009/09/fixed

......[ More Detail ]

DOM树里面某个元素各个位置属性的图文描述

描述:

网页可见区域宽: document.body.clientWidth; 网页可见区域高:document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth  +” (包括边线的宽)”; 网页可见区域高:document.body.offsetHeight +” (包括边线的宽)”; 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高:document.body.scrollTop; 网页被卷去的左:document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左:window.screenLeft; 屏幕分辨率的高:window.screen.height; 屏幕分辨率的宽:window.screen.width; 屏幕可用工作区高度:window.screen.availHeight; 屏幕可用工作区宽度:window.screen.availWidth;

......[ More Detail ]

【Mootools 1.2中文实例诠释】Fx.Scroll扩展类应用–带动画效果的锚点跳转

还是先看效果吧:

测试地址:mt1.2cn/fxScroll.html" target="_blank">http://xiebiji.com/works/mt1.2cn/fxScroll.html

实例例子压缩包:mt1.2cn

*原创文章转载请注明出处:http://xiebiji.com/2009/09/mtscroll 作者:小Joe

Jq有提供锚点跳转的效果实例(点击这里查看jq实现的方法),其实mootools也有的(Fx.Scroll扩展类),具体如下实现: ps.实例中介绍了一种全居中的css写法,有兴趣又不知道的同学可以研究一下了。^_^高手就瞄一下吧。

HTML代码:

1.我是第一锚点 2.哈?我也是锚点,我是第二个 3.第三个锚点就是我啦 4.什么?我居然是第四个锚点 5.我汗~我是最后一个锚点 目标一 目标二 目标三 目标四 目标五

css代码:

/*全居中*/ body,html{height:100%;} #container{width:420px; height:520px;background:#000;margin:-260px a...
......[ More Detail ]

yslow 2–评测网页效率的工具

说真的我要成为一个前端工程师,还有一段很远很远的路要走。

我今天才发现有这样一个工具可以评测网页效率。现在都出到第二版本了!

YSlow,是由Yahoo开发者团队发布的一款基于Firebug的插件。

下载地址:http://labs.aoao.org.cn/temp/yslow-2.0.0b3-fx.xpi.zip

下载地址盗用了嗷嗷大师的。希望不要介意。

使用教程:http://se.csai.cn/testtools/200804161107471755.htm

......[ More Detail ]

今天公司发月饼!!!好欢乐!

整天骂人的老板(不过还真没骂过我),今天发月饼啦!这月饼可不是便宜货哦~

不过遗憾我拿的是最便宜的,但是没得埋怨,因为老板手法很公平,是让我们抽签选月饼。

看来我有点霉啦~

我看到有人拿到的是8星伴月的鲍鱼月饼!我羡慕啊,长这么大还没吃过鲍鱼月饼!

......[ More Detail ]