xiebiji.com

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

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

还是先看效果吧：

测试地址：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...

不久之前我写过一篇关于mootools运用ajax的文章《【mootools中文实例诠释】Ajax类的简单使用》，但是这篇文章是基于mootools 1.11版本写的，今天在用1.2版(以下称mt1.2)写一个关于ajax和json调用的教程。

如果你现在在学mt1.2你会发现1.2版已经取消的Ajax这个类了，取而代之的是更强大的Request类。那要怎么实现Ajax效果呢？

老规矩还是先看效果：

http://xiebiji.com/works/mt1.2Ajax/

示例下载地址：目标另存为

html+js代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 mt1.2ajax-from http://xiebiji.com var jsonRequest; window.addEvent('domready',function(){ jsonRequest = new Request.JSON({ url: "tellMySiteInfo.php", //请求数据链接地址，从这个...

效果来自：http://www.phatfusion.net/multibox/

这是一个让你感叹的加强版lightbox,不过很遗憾它是基于mootools v1.11的（mootools现在已经1.2了）。但是它的强大无可否认。

这个加强版lightbox支持以下格式展示： images, flash, video, mp3s, html.（其中还支持ajax）

赶紧试一下吧，小JOE极力推荐。

使用例子：

demo下载地址：http://www.phatfusion.net/multibox/multibox.zip

运行例子的时候注意“MultiBox\multibox”目录下的index.html的某句代码写错了

全ajax实现，小型工作室网站 [ 双语 ]。 前台地址：http://xiebiji.com/works/ModelWeb/ 后台地址：http://xiebiji.com/works/ModelWeb/admin/ 账号：admin 密码：1234

虽然mootools有自带的tips特效，但是样式固定，而且我发现mootools那个Tips有时候会报错的，假如你在ie中进我博客时，马上把鼠标移动到那个‘Chromatography Ads’下面的那些小色块上面，很有可能会马上弹出个对话框说’http://xiebiji.com。’打不开的提示，留意一下那个地址最后多了一个句号，那当然打不开啦。我被这个问题郁闷了很久，最后还是没有解决。

所以今天特意把之前写过的tips特效从网页中提取出来： 先看看效果:http://xiebiji.com/works/tips/

html代码如下：

xiebiji.com A Link

css代码如下:

body{ background:#000; } a{ font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } ul{ margin:0; padding:0; } li{ float:left; margin:5px 10px 0 0; backgrou...