nicht angemeldet
Ein <DIV....> "einfliegen" lassen?
Hallo
habe ein <div> absolut positioniert, möchte das es nicht von anfang an erscheint, sonder dass es eingeflogen kommt.
zum besseren verständniss habe ich das mal so grob in flash programmiert. http://www.ntrsn.de/test/
Wer kann mir sagen wo es bzw ob es so etwas gibt?
Gruß Cee-Jay
-
Wer kann mir sagen wo es bzw ob es so etwas gibt?
HI!
Z.B. da: http://www.buergle.de
Grüße, Buergle-
Wer kann mir sagen wo es bzw ob es so etwas gibt?
HI!
Z.B. da: http://www.buergle.de
Grüße, BuergleHallo buergle,
habe Probleme das Script zu finden!
kannst du mir mal den für das bewegen zuständigen teil rauskopieren?Danke
-
Wer kann mir sagen wo es bzw ob es so etwas gibt?
HI!
Z.B. da: http://www.buergle.de
Grüße, BuergleHallo buergle,
habe Probleme das Script zu finden!
kannst du mir mal den für das bewegen zuständigen teil rauskopieren?Poste hier mal den Quelltext Deiner Seite, auf der Du das haben willst, ich werd mich heute Abend darum kümmern, wenn ich zu hause bin,(oder jemand anderes tut das).
Grüße, (ein noch am arbeitender :(
) Buergle »»Danke
-
Grundgerüst der Datei in der die Animation rein soll.
--------------
<html>
<head>
<title>BMC</title>
<style type="text/css">
h1,h2,h3,h4,p,div,td,th,nobr,b,i,pre,var {
font-family:Arial,sans-serif; }h1 { font-size:26px; margin-bottom:18px; }
h2 { font-size:21px; margin-bottom:18px; }
h3 { font-size:16px; }
h4 { font-size:13px; }
p,div,td,th, { font-size:12px; }
pre { font-size:12px; color:#000000; }
var { color:#0000C0; }
blockquote,cite { font-style:italic; }
a:link {font-size:16px; text-decoration:none; color:#ffffff }
a:visited {font-size:16px; text-decoration:none; color:#ffffff }
a:hover {font-size:16px; text-decoration:underline; color:#ffffff }
a:active {font-size:16px; text-decoration:none; color:#aaaaaa }
body { border-right:0px; margin:0px; }
}
</style>
</head>
<body>
<div style="position:absolute; background-color:#8899af; top:0px; height:150px; width:100%; left:0px; z-index:1;" id="rahmenoben"><center>Bitte nicht vergessen!<br>Es soll in etwa so aussehen: <a href="http://www.ntrsn.de/test/">VORSCHAU</a></center></div>
<div style="position:absolute; background-color:#688089; top:70px; height:450px; width:140px; left:10px; z-index:1;" id="navigation">
<A href="#">Link 1</a></div>
</body></html>-
Hi!
Das Script ist ewas größer geworden.
Kopier es in den HEAD:<script type="text/javascript">
var wieschnell=30,abstandvonoben=300,endabstandlinks=17,posireinfliegeny=0,posireinfliegenx=30;
var pendellgeschwindigkeit=50,pendelstaerke=0.5,posipendeln=-50;function reinfliegen()
{
posireinfliegenx--;
posireinfliegeny=-Math.pow(posireinfliegenx,2)+300;
document.getElementById("bewegdich").style.left=posireinfliegeny+"px";
document.getElementById("bewegdich").style.top=posireinfliegenx+abstandvonoben+"px";
if(posireinfliegenx>-endabstandlinks)setTimeout("reinfliegen()",wieschnell);
else auspendeln();
}function auspendeln()
{
posipendeln=-posipendeln*pendelstaerke;
document.getElementById("bewegdich").style.left=parseInt(document.getElementById("bewegdich").style.left)+posipendeln+"px";
if(posipendeln<0.05 && posipendeln>0)posipendeln=0;
else setTimeout("auspendeln()",pendellgeschwindigkeit);
}
</script>...und kopiere das in den BODY:
<div style="position:absolute; background-color:green; top:400px; height:150px; width:50px; left:10px; z-index:2;" id="bewegdich">
Ich habe die Variabeln "sprechen lassen", damit man mitkommt.
Du kannst daran herumspielen, aber pass auf, eine Änderung kann empfindliche Auswirkungen haben, da ich die Parabelfunktion eingebaut habe und sich daher so einiges quadratisch verhält!
Das Script sollte mit IE ab 5 und NS ab 6 und mit Mozilla laufen.Grüße, Buergle
http://www.benotung.de
-
-
-
-
-
Hallo
habe ein <div> absolut positioniert, möchte das es nicht von anfang an erscheint, sonder dass es eingeflogen kommt.
zum besseren verständniss habe ich das mal so grob in flash programmiert. http://www.ntrsn.de/test/
Wer kann mir sagen wo es bzw ob es so etwas gibt?
Ich kann: Das gibt es und es heißt DHTML (Dynamic HTML). Und zwar musst Du dazu JavaScript programmieren. Etwas richtig flüssig bewegen zu lassen ist allerdings ein ganz knackiges Problem. Mein Tipp: Besorge Dir Adobe GoLive oder MM Dreamweaver. Die haben diese Skripts eingebaut und Du musst Dich nicht zu Tode programmieren.
-
Hi!
Und zwar musst Du dazu JavaScript programmieren. Etwas richtig flüssig bewegen zu lassen ist allerdings ein ganz knackiges Problem.
Warum? Es ist nur ein Problem, wenn man einen alten Rechner hat oder Netscape 7 verwendet... .
Mein Tipp: Besorge Dir Adobe GoLive oder MM Dreamweaver. Die haben diese Skripts eingebaut
Was ist, wenn man das "Fertigscript" mal ein wenig abändern will?
und Du musst Dich nicht zu Tode programmieren.
Also zu Tode programmieren ist etwas übertrieben, da reichen 5,6 Zeilen JavaScript aus.
Grüße, Buergle
-