摘要: 在写上一个Away3D的小玩意时,我本来打算直接在文档类里写一个自我判断载入过程的函数,没想到的是,下载过程数字直接出来就是100%,而文件下载过程中并不出现数字。研究了半天搞不清楚,于是上网搜索了一下,发现了有文章这么说:“原因在于界面代码分离项目主时间轴通常只有一帧,而flash会默认在第一帧导出类,并在此之后调用文档类的构造函数,也就是说progress事件的侦听是在加载完成后才... 阅读全文
posted @ 2009-03-03 15:57 勤卓 阅读(593) 评论(0) 推荐(0) 编辑
摘要: 这个Demo是为了熟悉Away3d和TweenLite而写的,是一个三维图片展示的雏形,不排除继续写一个完整三维相册的可能。要掌握动画展示的效果,关键在于理解Away3D里物体的运动和摄像头运动。另外写了一个很简单的Loader外壳,用来载入外部SWF。演示:http://www.kxbd.com/mylab_as/090220TweenAnd3D/动画文档类:[代码]Loader文档类:[代码] 阅读全文
posted @ 2009-03-03 14:44 勤卓 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 这个东西经常用来做为浮动广告,不过也可以做成一个浮动的菜单条,有利于浏览者快速跳转。跟随页面滚动的原理是,将浮动层的定位坐标“top”值设置为页面的滚动高度即可。通过可选参数来设定动画移动的值,以及浮动元素离顶端的距离。还提供了一个属性isActive来设定是否跟随滚动,一个方法toggleActive来开关跟随效果。跟随页面滚动的浮动层[代码] 阅读全文
posted @ 2009-01-25 19:18 勤卓 阅读(1886) 评论(0) 推荐(0) 编辑
摘要: 在已有的Tabs类基础上,还可以继续往下扩展,如,加上对Tabs的拖动排序功能等,不过我不想继续了。最后这篇是通过CSS的设定,让Tabs类表现出更多的用途,比如实现折叠菜单,折叠内容,轮换图片等。详细应用可见示例:Tabs 扩展应用 阅读全文
posted @ 2009-01-19 14:24 勤卓 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 使用Vector3D类来完成鼠标移动旋转元素,元素将同时绕着X轴和Y轴旋转,看多了眼很花。用Vector和Vector3D完成的这些效果执行效率都不高,而且视觉效果也不算好,写了这些东西出来,只是为了好玩而已,另外也可以用来熟悉如何将常见的视觉效果用代码来实现。旋转效果示例[代码] 阅读全文
posted @ 2009-01-16 14:30 勤卓 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 这节将使用Vector3D类来完成旋转效果(一)的效果,两节的代码逻辑保持一致,大多数代码也相同,不过这节采用了Vector3D类来完成,实现了三维视觉的旋转效果。另外,再加上了是绕X轴还是Y轴旋转的判断,实现了两种不同的旋转方式。旋转效果示例一旋转效果示例二[代码] 阅读全文
posted @ 2009-01-16 11:57 勤卓 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 这个旋转效果是我在看到一个FLASH后想到用Javascript来实现下,于是便有了这个效果,通过鼠标来移动来旋转圆环,旋转的方向与鼠标移动的方向相反。相较于Flash,我这个JS版的效果与效率都大打折扣,纯粹是我想看看能否通过Vector类来完成这些东西罢了。旋转效果(二)与旋转效果(一)相比,有好几个相同的方法,可以通过Mootools.js里Class类的extend或者implement方... 阅读全文
posted @ 2009-01-15 17:20 勤卓 阅读(495) 评论(1) 推荐(0) 编辑
摘要: Vector类和Vector3D类是我去年在看了Robert Penner的书《Flash MX编程与创意实现》之后用Javascript写了一遍。虽然这书很旧,讲解的Flash版本也早已过时,但是书里的内容却从未过时,在Robert的著作里,他揭示了视觉效果与代码之间的联系。Robert是我非常敬佩的一位程序开发人员,他对Flash的影响也可谓是深远的,他所研究出来的缓动公式(ease)可以说影... 阅读全文
posted @ 2009-01-15 15:38 勤卓 阅读(783) 评论(1) 推荐(0) 编辑
摘要: 今天这节的讲的是用AJAX获取内容,代码大部分与《Mootools Essential》最后的例子一样,Aaron Newton在他的这本书里对这个例子阐述的很详细,我不过稍微改动了一下,让它更适合于继承我所写的Tabs类。用AJAX获取内容有一点要考虑的是尽量不要重复的到服务器端获取同一内容,这段代码就对此做了处理,数据在得到之后,就不会再到服务器端获取。在示例中可以看到,当四个选项全点击之后,... 阅读全文
posted @ 2009-01-06 14:23 勤卓 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 本来这节是想讲讲用AJAX获取选项卡的内容,但是在编写过程中,发现前两天写的第三节,动态创建和删除选项卡功能里有BUG,于是动手将BUG修正。改完后,一时兴起,决定把动态创建删除功能再次增强,现在不仅能创建静态内容选项卡,还能用AJAX获取内容并创建选项卡。另外新加了判断,如果选项卡已经创建,那么再点击新建不会再次创建新的选项卡,而是显示已经创建了的选项卡。addSection函数包括三个参数,第... 阅读全文
posted @ 2009-01-05 15:51 勤卓 阅读(356) 评论(0) 推荐(0) 编辑