0
Okay, also ich habe eine Website läuft Joomla und es ist mit dem Mootools 1.11-Framework. Ich habe eine funktionierende Version davon mit Beispielen aus dem Framework mootools 1.2 zusammengebastelt, kann aber die beiden nicht sogar mit der Kompatibilitätsebene koexistieren, ohne andere Module in der Joomla-Site zu zerstören.Onload setzen divs Opazität auf 50%
Frage Ich habe ein paar divs mit einer Klasse von „.box_panel“ und ich habe es so, dass sie mit der Maus darüber sie von 50% Opazität und zurück auf 100% Opazität auf mouseleave. Das Problem, das ich habe, ist, was ist der Code, um sie auf 50% onload zu setzen?
In Mootools 1.2 I verwendet:
<body onload="$$('div.box_panel').fade(0.5);">
Der Code, den ich für die Mouseover/mouseleave Effekte bin mit ist:
window.addEvent('domready',function() {
//first, apply a class to each of your menu element
//$$('.links') puts every element wearing the .links class into an array
//$$('.links').each is to browse the array an apply a function to... each of them
$$('.box_panel').each(function(el, i) {
//there comes exactly your former fx statement except for
var ExampleFx = new Fx.Style(el, 'opacity', { //the fact i apply the effect on el
wait: false, //and wait: false which make the effect not waiting (very useful on the mouseout or mouseleave function...
opacity: 0.5,
duration: 500,
transition: Fx.Transitions.Quart.easeInOut
});
//and there i apply (always on el) the effect on mouseenter (similar in this case but often better than mouseover)
//and mouseleave (same for mouseenter but concerning mouesout)
el.addEvent('mouseleave', function() { ExampleFx.start(1, 0.5); });
el.addEvent('mouseenter', function() { ExampleFx.start(0.5, 1); });
});
});
Vielen Dank für dieses ich es versuchen werde. –
Ich habe versucht, nach der Aussage wie unten ohne Erfolg. $$ ('box_panel') jeweils (function (el, i) { ExampleFx.start (1, 0,5); darüber nachzudenken konnte ich nur verwenden CSS-Eigenschaften zum Festlegen der Startopazität des .box_panels. –