mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 23:05 Benutzername: Passwort: Auto-Login

Thema: [Javascript] Mootools vom 16.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [Javascript] Mootools
Autor Nachricht
123456
Threadersteller

Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.07.2008 19:47
Titel

[Javascript] Mootools

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.07.2008 20:11
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
123456
Threadersteller

Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.07.2008 21:06
Titel

Antworten mit Zitat Zum Seitenanfang

ah vielen dank alles klar. war schonmal auf deinem link aber habs voll übersehen * Nee, nee, nee * Ooops
  View user's profile Private Nachricht senden
 
Ähnliche Themen [javascript] mootools ajaxrequest charset
mootools & CO
mootools bzw JS: das 'this'
mootools vs ie6
MooTools v1.11 problem
MooTools Script Konflikt
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.