[JavaScript] DIV einfliegen lassen

SidDasFaultier · 13. Januar 2011

DIV einfliegen lassen

Hey Community,

ich sitze hier un komme einfach nich weiter...hab keine Ahnung von JavaScript...aber ich weiß des man damit in HTML Divs einfliegen lassen kann. ich möchte das der content/inhalt der jeweiligen seite von rechts nach links reingeflogen kommt wenn man auf ein navigtionspunkt klickt. kann mir da jemand weiterhelfen..wäre fett THX

Anzeige

bene600 · 13. Januar 2011

AW: DIV einfliegen lassen

Sowas per Hand zu machen ist wenig sinnvoll. Dafür gibt es diverse JavaScript-Bibliotheken.

Zu nennen sind wohl: jQuery, mootools und script.aculo.us (es gibt weitere).

In den Manuals von jQuery findest du z.B. schnell was du brauchst:

Effects | jQuery API Documentation

SidDasFaultier · 13. Januar 2011

AW: DIV einfliegen lassen

Erstmal THX für deine schnelle antwort
ja das mit den bibiliotheken hab ich auch schon gelesen.
mein problem is nur des ich in javascript noch nie was gemacht hab^^ un weiß nich wie ich das umsetzten soll

Edit: Also ich hab was gefunden mit dem es von rechts einfliegt....aber da scrollts...also brächt ich quasi so wie ne for-schleife in der mein div langsam von rechts nach links immer um ein paar pixel größer wird also aufbaut von rechts nach links....kann mir das jemand schreiben oder so??? bin echt am verzweifeln >.<

bene600 · 13. Januar 2011

AW: DIV einfliegen lassen

ich schau grad hier:.animate() | jQuery API Documentation

und will mal folgenden Denkanstoß geben, weiß aber nicht ob die Herangehensweise korrekt ist, bin in der Vorlesung und kanns grad nicht testen.
<style>
#deinDiv { position: absolute; left:500px; }
</style>
<script type = "text/javascript">
$(document).ready(function()
{
$("#deinDiv").animate({"left": "-=500px"}, "slow");
}
</script>

wie gesagt, ohne gewähr

SidDasFaultier · 13. Januar 2011

AW: DIV einfliegen lassen

wie wäre es den damit...

<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<button onclick="initResize();">auf!</button>
<div id="divID">
<p>Zum Starten auf button klicken.</p>
<
</div>
</body>
</html>

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

jetz muss es nur von rechts aufgehen....und man darf es am anfang beim seitenaufruf nicht sehen (soll also von 0 px bis originalgröße gehen) und die funktion des es wieder zu geht brauch ich auch nicht.ERLEDIGT!!...dann wäre es perfekt...geht das?

is echt dringend...un THX

Nützliche Suchen

[JavaScript] DIV einfliegen lassen

Videos zum Themenbereich