hi leute,
ich würde gerne mit js beim seitenübergang eine animation einfügen
kann ich dashier: madrobby.github.com/scriptaculous/effect-appear/
auf den body bereich anwenden und dann mit onload arbeiten?
wenn ja wie?
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » js seiten faden
| Geschlossen | ||
-
Do. 27.10.2011
18:47 Uhr
#1
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
-
Do. 27.10.2011
19:45 Uhr
#2
KoernerWS gelöschter UserWieso versuchst du es nicht einfach? -
Do. 27.10.2011
19:51 Uhr
#3
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
hab es so probiert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Little Boxes Test Seite</title> <script type="text/javascript" src="http://script.aculo.us/prototype.js"></script> <!-- Style Datei--> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /></head> <body id="kontakt" onload="document.kontaktformular.absender.focus(); document.getElementByID("wrapper").appear(); "> <div id="wrapper"> ........
<body id="kontakt" onload="document.kontaktformular.absender.focus(); $('wrapper').appear(); return false; ">
so gehts auch nicht
Zuletzt modifiziert von holz am 27.10.2011 - 19:53:38 -
Ich mache nix mit Prototype aber mit jQuery.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#wrapper').fadeIn('slow'); }); </script> </head> <body> <div id="wrapper" style="display:none">Dein Inhalt</div> </body> </html>
jQuery und jQuery_UI ist der Hammer
Wer Rechtschreibfehler findet darf sie behalten!
-
Do. 27.10.2011
20:07 Uhr
#5
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
Hier ist noch ne Lösung
externer LinkSpamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Do. 27.10.2011
21:09 Uhr
#6
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
Zitat geschrieben von Mikro
Ich mache nix mit Prototype aber mit jQuery.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#wrapper').fadeIn('slow'); }); </script> </head> <body> <div id="wrapper" style="display:none">Dein Inhalt</div> </body> </html>
jQuery und jQuery_UI ist der Hammer
danke super cool .. ja jquerry hab ich schon en buch gekauft ... muss nur erst bisschen ANSI-C nach standard c89 lernen .. weil ich das für nächstes sem betriebssysteme brauch^^
prototype hat ein paar mehr animationen ... ist es möglich jquerry und prototype parallel zu nutzen? weil vielleicht möcht ich im kontent bereich noch das ein oder andere nutzen ..
wie kann ich das auf eine seite mit ilch anwenden? ich möchte dass bei jedem link der ne seite aufruft die seite einfadet ...
habs geschafft meine seite fadet ... gehts noch langsamer und smoother ?^^
Zuletzt modifiziert von holz am 27.10.2011 - 21:17:56 -
Ja das ist möglich aber du musst Sie dann durch Deklaration trennen.
z.B.<script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); //für jQuery immer über jQuery nicht $ jQuery(document).ready(function(){ jQuery('#wrapper').fadeIn('slow'); }); //und bei Prototype alles über $ wie gedacht </script> </head>
Dann sind sie getrennt.
Zuletzt modifiziert von Mikro am 27.10.2011 - 21:44:22Wer Rechtschreibfehler findet darf sie behalten!
-
Do. 27.10.2011
21:39 Uhr
#8
Tr3icio gelöschter UserZitat
$('#clickme').click(function() { $('#book').animate({ opacity: 0.25, left: '+=50', height: 'toggle' }, 5000, function() { // Animation complete. }); });
Schon wird einfach ein Element animiert. Was will man mehr? -
So geht es noch langsamer.
// Normal $('#wrapper').fadeIn('slow'); // Zeitangabe in Millisekunden ändern $('#wrapper').fadeIn(4000);
Und mehr Animationen mit Prototype als mit jQuery_UI das bezweifel ich
Wer Rechtschreibfehler findet darf sie behalten!
-
Fr. 28.10.2011
07:06 Uhr
#10
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
okay das mit der zeitangabe muss ich ausprobieren
zumindest referenz animationen^^
danke jungs das reicht mir fürs erste muss wie gesagt erst dass c buch verschlingen bevor ich dass jquerry buch anfangen kann^^ -
Fr. 28.10.2011
11:55 Uhr
#11
- Registriert seit
- 23.04.2006
- Beiträge
- 422
- Beitragswertungen
ich kann nur eins Sagen wenn man schon vom verschlingen redet, jQuery schmeckt besser
Kein Support für den Raidplaner über PM. -
Fr. 28.10.2011
12:30 Uhr
#12
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
davon geh ich aus^^
nur schon speicher reservieren zu müssen und dann wieder freigeben ist durchaus ätzend
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten