‘mouseenter’ : function() { morph.start({ ‘color’:'#2727f9′ }) },
‘mouseleave’ : function() { morph.start({ ‘color’: original }) },
‘click’ : function() { morph.start({ ‘color’:'#FF0000′ }) }

but on mouseleave the ‘click’ color should stay, anyone knows how?

best regards

i use your script in a website with “opacity” and it work !

window.addEvent(‘domready’,function() {
$each($$(‘.fade’), function(el) {
var original = el.getStyle(‘opacity’);
var morph = new Fx.Morph(el,{ ‘duration’:’100′, link:’cancel’});
el.addEvents({
‘mouseenter’ : function() { morph.start({ ‘opacity’:0.5}) },
‘mouseleave’ : function() { morph.start({ ‘opacity’:original}) }
});
});
});

but I would like my div with “opacity:0.5″ when the page open, and when you click on the div, it stay on “opacity:original” (the link is on the same page with a function show/hide)
Is that possible ?

thanks for your answers, and excuse me for my poor english (I’m french :-))

paps

window.addEvent(‘domready’, function() {

var list = $$(‘#mainmenu li a’);
var original;
list.each(function(element)
{
if ( element.parentNode != $(‘current’)) {
var fx = new Fx.Styles(element, {duration: 1000, wait: false, transition: Fx.Transitions.Sine.easeIn});
original = element.getStyle(‘color’);

element.addEvent(‘mouseenter’, function(){
fx.start({
//’opacity’ : 1,
‘color’: ‘#333333′
});
});

element.addEvent(‘mouseleave’, function(){
fx.start({
//’opacity’ : 0.8,
‘color’: original
});
});
};
});
});

Set in the css: “text-decoration: none;” for .fade and “text-decoration: none; border-bottom: #000000 1px solid;” for .fade:hover

Then replace in the script “color” with “border-bottom” and replace “#ff8c00″ with “#ff8c00 1px solid”

Adjust the color-codes and youre done ;)

I’m trying to write a link fading plugin for Joomla but i cant get it to work because Joomla uses Mootools 1.11
It seems mootools 1.11 doesnt know $each and Fx.morph
Do you have any advice how to get this to work with mootools 1.11?

Thank you!