User:Annelies/Rollmenu

  linear quadIn quadOut quadInOut cubicIn cubicOut cubicInOut quartIn quartOut quartInOut quintIn quintOut quintInOut sineIn sineOut sineInOut expoIn expoOut expoInOut circIn circOut circInOut backIn backOut backInOut elasticIn elasticOut elasticInOut bounceIn bounceOut bounceInOut  Move the div!

 dojo.require("dijit.form.Button"); dojo.require("dijit.form.ComboBox"); dojo.require("dojo.fx.easing"); function setupMove { //Function linked to the button to trigger the fade. function moveIt { //Set initial state and get the easing from the dropdown dojo.style("moveableNode", "marginLeft", "0px"); var easing = dijit.byId("easingSelector").attr("value"); var ef = dojo.fx.easing[easing]; if (ef) { var moveArgs = { node: "moveableNode", properties: { marginLeft: { start: 0, end: 400, unit: "px" }                       },                        easing: ef, duration: 5000 };                   dojo.animateProperty(moveArgs).play; }           }            dojo.connect(dijit.byId("moveButton"), "onClick", moveIt); }       dojo.addOnLoad(setupMove);