Hallo ich habe mir nen Motools Menü gebastelt funktioniert soweit super das problem ist nur das ich mein current menü ding einfach nicht gescheit in den mootools hinbekomme habe mir nun schon einige Sachen angeschaut aber ich habe da nicht soviel plan von..
Hier der Code:
Und ich brauche da jetzt ne funktion die sowas ungefähr macht aber ich krieg das da nicht rein gecodet ka warum...PHP-Code:
var Site = {
start: function(){
if ($('left')){
Site.appearText();
}
},
appearText: function(){
var timer = 0;
var sideblocks = $$('#left li');
var slidefxs = [];
var colorfxs = [];
sideblocks.each(function(el, i){
el.setStyle('margin-left', '0px');
timer += 150;
slidefxs[i] = new Fx.Style(el, 'margin-left', {
duration: 0,
transition: Fx.Transitions.backOut,
wait: false,
onComplete: Site.createOver.pass([el, i])
});
slidefxs[i].start.delay(timer, slidefxs[i], 0);
}, this);
},
createOver: function(el, i){
var first = el.getFirst();
if (!first || first.getTag() != 'a') return;
var overfxs = new Fx.Styles(first, {'duration': 100, 'wait': false, });
var tocolor, fromcolor;
if (first.hasClass('big')){
tocolor = '333';
fromcolor = 'fff';
first.setStyle('background-color:fff');
} else {
tocolor = 'd47324';
fromcolor = 'fff';
}
el.mouseouted = true;
el.addEvent('mouseenter', function(e) {
overfxs.start({
'color': tocolor,
'margin-left': 0 ,
'opacity': 1,
'background-color': '#747474',
' border-width':'thin',
'width': '150px',
'border-color': '#C6D880',
'border-style':'dashed',
});
});
el.addEvent('mouseleave', function(e){
overfxs.start({
'color': fromcolor,
'margin-left': 0,
'opacity': 1,
'width': '130px',
'background-color': '#333',
'duration': 500,
});
});
},
};
window.addEvent('load', Site.start);
PHP-Code:var link = li.getFirst('a');
//fix background image
if(!li.hasClass('current')) {
link.setStyle('background-image','none');
}


LinkBack URL
About LinkBacks
Zitieren
Lesezeichen