Autor |
Nachricht |
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst Mi 16.07.2008 19:47
Titel [Javascript] Mootools |
|
|
Hallo, hoffe mit der Funktion von Mootools hat schon einer Erfahrugn gemacht: klickmich
Ich hab dabei das Beispiel mit dem farbigen Quadrat verwendet. wie kann ich den Effekt in der Geschwidigkeit verändern?
In der Mootools.js seh ich net so recht durch und in der demo.js steht folgendes:
Code: | window.addEvent('domready', function(){
//First Example
var el = $('myElement'),
color = el.getStyle('backgroundColor');
// We are setting the opacity of the element to 0.5 and adding two events
$('myElement').set('opacity', 0.5).addEvents({
mouseenter: function(){
// This morphes the opacity and backgroundColor
this.morph({
'opacity': 1,
'background-color': '#c6d880'
});
},
mouseleave: function(){
// Morphes back to the original style
this.morph({
opacity: 0.5,
backgroundColor: color
});
}
});
|
Hoffe Ihr habt ne Idee.
Danke
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.07.2008 20:11
Titel
|
|
|
Es müsste im mootools.js zu finden sein unter der morph Funktion.
edit:// es geht auch so:
docs.mootools.net hat geschrieben: | duration - (number: defaults to 500) The duration of the effect in ms. Can also be one of:
'short' - 250ms
'normal' - 500ms
'long' - 1000ms |
z.B.
Code: |
el.set('morph', {duration: 'long', transition: 'bounce:out'}); |
Erklärung und Beschreibung findest du hier: http://docs.mootools.net/Fx/Fx.Morph#Element-Properties
Zuletzt bearbeitet von Smooth-Graphics am Mi 16.07.2008 20:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst Mi 16.07.2008 21:06
Titel
|
|
|
ah vielen dank alles klar. war schonmal auf deinem link aber habs voll übersehen
|
|
|
|
|
|
|
|
Ähnliche Themen |
[javascript] mootools ajaxrequest charset
mootools & CO
mootools bzw JS: das 'this'
mootools vs ie6
MooTools v1.11 problem
MooTools Script Konflikt
|
|