WEB开发网
开发学院网页设计JavaScript Script.aculo.us开发系列(四):动画弹出菜单的实现... 阅读

Script.aculo.us开发系列(四):动画弹出菜单的实现-开发自己的动画

 2010-09-14 13:38:41 来源:WEB开发网   
核心提示: 这个例子是官方网站里提供的,总结一下,无非是重载一下构造函数,和自己实现update()方法.去过Amazon或者DangDang的朋友一定记得那酷酷的弹出类别菜单,我可是很早就垂涎欲滴了,以前自己去实现过,很由难度,也看过他们的源代码,很晦涩,且非常长.但是看到上面的动画是否看到了些希望

这个例子是官方网站里提供的,总结一下,无非是重载一下构造函数,和自己实现update()方法.

去过Amazon或者DangDang的朋友一定记得那酷酷的弹出类别菜单,我可是很早就垂涎欲滴了,以前自己去实现过,很由难度,也看过他们的源代码,很晦涩,且非常长.但是看到上面的动画是否看到了些希望的曙光了.

仔细分析一下,在页面上会有一大一小的两个div,鼠标放在小的div上,就出现一个框,从小的div变到大的div,最后大的div显示出来,同时在鼠标离开这两个div的时候需要反着"放"这段动画.

那段动画就是一个层应用上面的动画效果.下面只是用Prototype框架去封装它了,所以下篇文章的标题是Prototype封装的艺术

系列文章:

Script.Aculo.Us开发系列(一):起步

Script.aculo.us开发系列(二):EffectsAPI

Script.aculo.us开发系列(三):核心效果(CoreEffect)

Script.aculo.us开发系列(四):动画弹出菜单的实现-开发自己的动画

Script.aculo.us开发系列(五):Prototype封装的艺术

Script.aculo.us开发系列(六):AutoComplete控件

Script.aculo.us开发系列(七):InPlaceEditor控件的使用

Script.aculo.us开发系列(八):使用DropDrag定义拖拽行为

Script.aculo.us开发系列(九):Slider控件的使用

Prototype1.5.0 API 参考

上一页  1 2 

Tags:Script aculo us

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接