Menu

[yaga]

Hallo,

vielleicht weiß jemad von Euch einen Rat. Möchte ein ähnliches Menu bauen wie auf dieser Seite es mit JavaScript realisiert ist:

http://moofx.mad4milk.net/

Habe bereits einen Ansatz mit relativen Positionen verfolgt nur funktioniert dieser zu unsauber. Beim schnellen Klicken verschieben sich die Ursprungspositionen der Balken.

http://www.wirkus-wilk.com/tests/menu.html

PHP-Code:

import mx.transitions.Tween;
import mx.transitions.easing.*    

var mcNumber = 6;

// Mask
mc1.alphaMc._height = 0;
mc2.alphaMc._height = 0;
mc3.alphaMc._height = 0;
mc4.alphaMc._height = 0;
mc5.alphaMc._height = 0;


for (i = 0; i < mcNumber; i++) {

    _root['mc'+i].leiste.onPress = function() {        
        
        j = this._parent._name.charAt(this._parent._name.length-1);
        j = Number(j);
        
        // Direction
        _root['mc'+j].timepoint1 = _root['mc'+j].alphaMc._height;    
        setTimeout(timer,50,_root['mc'+j].alphaMc);
        function timer(t:MovieClip){
                _root['mc'+j].timepoint2 = t._height;        
        } 
        _root['mc'+j].vector = _root['mc'+j].timepoint2 - _root['mc'+j].timepoint1;    
        
        // Movement
        if (_root['mc'+j].vector < 0){
            var mc:Tween = new Tween(_root['mc'+j].alphaMc, "_height", Strong.easeOut, _root['mc'+j].alphaMc._height, 0, 20, false);
            j = Number(j);
            for (k = j+1; k < mcNumber; k++) {    
                var mc:Tween = new Tween(_root['mc'+k], "_y", Strong.easeOut, _root['mc'+k]._y, _root['mc'+k]._y - _root['mc'+j].inhalt._height, 20, false);
            }
        }
        else {
            var mc:Tween = new Tween(_root['mc'+j].alphaMc, "_height", Strong.easeOut, _root['mc'+j].alphaMc._height, _root['mc'+j].inhalt._height, 20, false);
            j = Number(j);
            for (k = j+1; k < mcNumber; k++) {                
                var mc:Tween = new Tween(_root['mc'+k], "_y", Strong.easeOut, _root['mc'+k]._y, _root['mc'+k]._y + _root['mc'+j].inhalt._height, 20, false);
                                
            }
        }    
    } 
} 


Ein anderer Ansatz wäre alle Balken durch negative Gravitation sich anziehen zu lassen und übereinander stapeln. Nur komme ich da nicht weiter. Hat jemand etwas ähnliches schon mal gemacht?

[warrantmaster]

moofx-Menu