用观察者模式实现网页动画
<div id="cnblogs_post_body"> 我觉得观察者模式是非常棒的模式，关于它的应用可谓非常之多啊，本着学习的态度，我用js进行了一次实践，做的一个观察者模式构建的网页动画，最后的效果是，点击按钮就会使得三个方块做各自的动画。如图：http://images.cnblogs.com/cnblogs_com/everdom/201208/201208092008446187.png
初始状态
http://images.cnblogs.com/cnblogs_com/everdom/201208/201208092010007291.png
运动过程中截图
那么具体是怎样实现的呢？大致说一下思路吧：
1. 首先创建观察者和被观察者接口：
<div class="cnblogs_code" style="background-color: #f5f5f5; border: #cccccc 1px solid; padding: 5px;">//被观察者接口function IObserverable(){}IObserverable.prototype={ addObserver: function(observer){}, removeObserver: function(observer){}, notify: function(){}};//观察者接口function IObserver(){}IObserver.prototype={ update: function(){}};
页:
[1]