摘要: 今天要实现的功能是选项卡的自动轮换,我原来用Prototype.js写了一个简单的选项卡,并用类继承的方式完成了此项功能。 Mootools.js一样能轻松实现类的继承,Mootools.js实现类的继承是通过Class的Extends属性完成的。 自动轮换功能的思路是:通过setInterVal函数来调用自动切换选项卡函数,并从用户体验的角度考虑,实现当鼠标移到选项卡上时停止轮换,离开后继续... 阅读全文
posted @ 2009-01-04 14:51 勤卓 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 在这一节里,我将继续对Tabs类进行扩展,加上动态添加和删除选项卡的功能。 这个功能是我在看到126邮箱里用选项卡来查看邮件后,想到在Tabs类也实现相应的功能 思路如下: 添加新选项卡函数有四个参数,分别是新加标签的文本,新加内容的文本,新加选项卡的位置以及在选项标签上加入删除的按钮。 用传入的参数分别建立Element片段,加入到选项卡标签数组及选项卡内容数组,并将Element片段插入... 阅读全文
posted @ 2009-01-03 23:44 勤卓 阅读(379) 评论(0) 推荐(0) 编辑
摘要: AS写的少,原来用Flash IDE,后来出了Flex,感觉Flex真的很强大,但是也用得少,而且Flex IDE所占资源也比较多。 最近打算写些AS,无意中发现有人提到了FlashDevelop,于是下载安装了一个。 这个工具也是一个免费而且开源的开发工具,与目前市面上大都基本Eclipse开发的工具相比,这个工具是用.net 2.0开发的。 工具很小巧,一共4M不到,但是需要安装下运行环... 阅读全文
posted @ 2009-01-02 22:48 勤卓 阅读(1481) 评论(0) 推荐(0) 编辑
摘要: 写了一个Demo,可能最近的一个项目需要用到,要实现的功能是用鼠标拨开上面的小球来让下面的物品呈现出来。 Demo演示如下: http://www.kxbd.com/article.asp?id=245 文档类: Code Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHigh... 阅读全文
posted @ 2009-01-02 22:21 勤卓 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 在这一节里,我将对在上一节完成的基础上,对Tabs类进行扩展,加上自定义事件以及动画效果。 Mootools通过类的implements属性,实现类似于接口的功能,比如我们在Tabs类的implements属性加上Events,就可以让Tabs类获得Events类下的所有方法,其中的fireEvent方法就是让Tabs类获得了自定义事件的能力。 然后我在Tabs类下的showSection方法... 阅读全文
posted @ 2009-01-02 20:57 勤卓 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 我原来用Prototype.js写过几篇关于选项卡(Tabs)的日志,还用这个实例说明了一下Prototype.js的继承方式。前阵子回过头看看,发现当初的程序有很大的不足,最主要的是将前台XHTML代码的DOM结构写进了JS代码,未能实现XHTML和JS的解耦,通用性大大降低, 这阵子看了看Mootools.js,在《Mootools Essential》书里最后的实例也是用选项卡做为实例讲解... 阅读全文
posted @ 2008-12-29 12:42 勤卓 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 同事说想要用户离开当前页面时执行一个事件,我能想到的就是window.onunload和window.onbeforeunload两个事件。比如原来关闭窗口时经常会遇到跳出个广告窗口就是这么做的。 而window.onbeforeunload是在关闭窗口前执行,因此,我们还可以利用它做点别的东西,前两天玩开心网的买房子组件,如果你在动了房子内的摆设而没有保存的就想要离开当前页的话,就会跳出个提示... 阅读全文
posted @ 2008-12-17 20:00 勤卓 阅读(1651) 评论(0) 推荐(0) 编辑
摘要: 我在Javascript编程中最喜欢的函数之一就是domready函数,这个函数可以让我们在页面dom载入完成后就执行页面上的函数,而不是象Javascript的原生事件window.onload,必须等待页面所有元素包括图片什么的完全载入才执行。 最近打算开始使用Mootools写点东西,然而,我在一开始就受到了一个打击。我发现Mootools的domready函数在IE下的执行表现可是叫我有... 阅读全文
posted @ 2008-12-17 17:37 勤卓 阅读(892) 评论(0) 推荐(0) 编辑