Autor |
Nachricht |
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 24.02.2010 18:52
Titel Javascript - Zugänglichkeit |
|
|
Folgendes:
Nachdem man m.M.n. eine Seite definitiv auch ohne JS gut anschauen können sollte, brauche ich eine Lösung, die mir nur eine JS-Animation hinzufügt. Gesagt, getan, aber nicht, dass ich einen div-Container mit JS einblenden kann, ohne dass er ohne JS auch sichtbar wäre (nur ohne Effekt).
Wie kann ich nun einen fade-effect (unsichtbar->sichtbar) basteln, der sonst keinerlei Einfluss auf meinen CSS und HTML Code nimmt, außer bei Aufruf der Seite eben erst auf Transparenz 0 zu setzen, dann die Animation auf Transparenz 100 macht...?
jQuery wird bereits verwendet, mir fehlt auch wie gesagt nur das Verständnis des Aufbaus des Codes...
Danke euch!
[edit]
Titel geändert. m
Zuletzt bearbeitet von m am Do 25.02.2010 11:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Mi 24.02.2010 20:07
Titel
|
|
|
Code: | $(document).ready(function(){
$('#ID-vom-Div').animate({opacity: 0.0}).animate({opacity: 1.0}, 400);
}); | Arbeite mich selbst erst seit gestern in jQuery, aber denke so kriegst du hin, was du erzielen möchtest.
|
|
|
|
|
Anzeige
|
|
|
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 24.02.2010 22:21
Titel
|
|
|
Danke dir, jetzt seh ich besser... und so einfach kann die JS-Welt sein
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 25.02.2010 10:24
Titel
|
|
|
oder sinnvoller:
Code: | $(document).ready(function(){
$('#id-des-divs').hide().fadeIn();
}) |
|
|
|
|
|
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 25.02.2010 12:46
Titel
|
|
|
Ja, das klingt noch besser. Danke euch zusammen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
[javascript] mit <select> feld wert an javascript funk
JavaScript in PHP
javascript im javascript?!
Javascript
javascript in php
Javascript Uhr
|
|