script.js

   1 window.addEvent('domready', function(){
   2         var el = $$('a'),
   3                 color = el.getStyle('backgroundColor');
   4
   5         /*$$('a').addEvents({*/
   6                 /*mouseenter: function(){*/
   7                         /*this.morph({*/
   8                                 /*'padding-left': '5px'*/
   9                         /*});*/
  10                 /*},*/
  11                 /*mouseleave: function(){*/
  12                         /*this.morph({*/
  13                                 /*'padding-left': '0px'*/
  14                         /*});*/
  15                 /*}*/
  16         /*});*/
  17
  18         $('menu').addEvents({
  19                 'mouseenter': function(){
  20                         this.set('tween', {
  21                                 duration: 500,
  22                                 transition: Fx.Transitions.Bounce.easeOut
  23                         }).tween('height', '300px');
  24                 },
  25                 'mouseleave': function(){
  26                         this.set('tween', {}).tween('height', '55px');
  27                 }
  28         });
  29
  30         $('menut').addEvents({
  31                 'mouseenter': function(){
  32                         this.set('tween', {
  33                                 duration: 500,
  34                                 transition: Fx.Transitions.Bounce.easeOut
  35                         }).tween('height', '300px');
  36                 },
  37                 'mouseleave': function(){
  38                         this.set('tween', {}).tween('height', '80px');
  39                 }
  40         });
  41
  42         $('menuth').addEvents({
  43                 'mouseenter': function(){
  44                         this.set('tween', {
  45                                 duration: 500,
  46                                 transition: Fx.Transitions.Bounce.easeOut
  47                         }).tween('height', '300px');
  48                 },
  49                 'mouseleave': function(){
  50                         this.set('tween', {}).tween('height', '55px');
  51                 }
  52         });
  53
  54         $('menuf').addEvents({
  55                 'mouseenter': function(){
  56                         this.set('tween', {
  57                                 duration: 500,
  58                                 transition: Fx.Transitions.Bounce.easeOut
  59                         }).tween('height', '300px');
  60                 },
  61                 'mouseleave': function(){
  62                         this.set('tween', {}).tween('height', '40px');
  63                 }
  64         });
  65         $('menufi').addEvents({
  66                         'mouseenter': function(){
  67                                 this.set('tween', {
  68                                         duration: 500,
  69                                         transition: Fx.Transitions.Bounce.easeOut
  70                                 }).tween('height', '300px');
  71                         },
  72                         'mouseleave': function(){
  73                                 this.set('tween', {}).tween('height', '80px');
  74                         }
  75                 });
  76         $('menus').addEvents({
  77                         'mouseenter': function(){
  78                                 this.set('tween', {
  79                                         duration: 500,
  80                                         transition: Fx.Transitions.Bounce.easeOut
  81                                 }).tween('height', '300px');
  82                         },
  83                         'mouseleave': function(){
  84                                 this.set('tween', {}).tween('height', '80px');
  85                         }
  86                 });
  87
  88 });