Plugins
Plugins - Alpha Transition
Most menu software developers would say that their menu software supports menu fading. However, they do not truly support cross-browser compatible fading; they support Internet Explorer's proprietary methods, which doesn't take any effort to implement anyway.
WebDDM supports truly cross-browser compatible fading; Fading works in Mozilla 1.5 and up (and all browsers based on Mozilla such as FireFox, Galeon, and K-Meleon), Safari 1.1 up, and Internet Explorer 4.0 and up.
Dependencies
To make this transition work, you must include one JavaScript libary found in the js/ directory. As of WebDDM 3.4, fading menus are no longer core to WebDDM - it is a plugin. However, implmentation is exactly the same on your side. Your code should look something like this if you need to use this transition:

    <script src="../js/core.WebDDM.compressed.js"></script>
    <script src="../js/alphaTrans.WebDDM.compressed.js"><!-- For fading transitions --></script>

The Code
Fading is another feature that is almost insultingly easy to use in WebDDM.
Fading is defined on a per-item-container basis; you define it for the item container (the 'items' array) and all items fade equally.

    'items':{
    	/* Fade controls */
    	'alphaTrans':{
    		'maxOpacity':100, // Maximum opacity, 0-100
    		'delta':1, // Change in opacity per update
    		'delay':10, // Delay between changing opacity
    		'inDelay':10, // Optional if delay is set; delay for fading in
    		'outDelay':50, // Optional if delay is set; delay for fading in
    		'direction':'both' // Direction of fading: in,out,both
    	},
    	// Extra code here....
    }

View Source
View CSS file - View JavaScript file.
Plugins
Plugins: Last - Next