• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jQuery oder JS Pfeil verschieben

Status
Für weitere Antworten geschlossen.

Respekt

Neues Mitglied
Hallo Leute

ich habe heute den ganzen Tag, okay es waren 6 Stunden, versucht meine Navigation zu 'animieren'. Zuerst hab ich es ganz einfach mit einer while Schleife versucht und marginLeft immer um einen Pixel erhört bzw erniedrigt. Da kommt nur leider keine Animation zustande. Hab da irgendwas gelesen um den CPU zu schonen. Blabla, was solls.

Erstmal damit ihr etwa wisst wie es werden soll

so.jpg


Stört euch nicht an der braunen (?) Hintergrundfarbe. Ist nur für die Developing Phase...
Dieser Pfeil da oben soll also nach links und rechts verschoben werden.
Habs etwa so (Pasted code - No description) versucht (ist die 101. Version, also mit vielen Sinnlosigkeiten drin...hat sich aber vom Stil nicht viel vom Anfang verändert), aber das geht ganz und gar nicht.

Hab was mit jQuery gefunden : Navigation Effect Using jQuery (http://nettuts.s3.amazonaws.com/004_Moo/tutorial/demo/sliding_effect.js)
Aber ich versteh es einfach nicht. Geht nicht in meinen Kopf...

Die Arrowklasse sieht so aus :
Code:
#arrow
{
    margin-top:2px;
    margin-left:73px;
    float:left;
    width:13px;
    height:9px;
    background-repeat:no-repeat;
    overflow:hidden;
    
}
Man könnte einfach den margin-left Wert verändern. Ich will einfach diese blöde Animation ans laufen bekommen.

Hoffe ihr könnt mir Helfen. Danke jetzt schon, da du den gesamten Text gelesen haben musst um das hier überhaupt zu lesen.

Grüße Respekt
 

Anhänge

  • so.jpg
    so.jpg
    11,7 KB · Aufrufe: 4
Was denn nun JQuery oder ohne JQuery?

mit JQuery sähe das wohl so aus:
Code:
JQuery("#arrow").animate({ marginLeft : bisZuDiesemWert });
// nicht getestet
bisZuDiesemWert setzt du je nachdem, welcher Button geklickt wurde.
 
Ist mir eigentlich egal. jQuery geht schon :P

also, ich habs jetzt mal gemacht wie du vorgeschlagen hast:
Code:
function movearrow(to)
{
    JQuery("#arrow").animate({ marginLeft : to });
}
Und im Headbereich jQuery includet
Code:
<script language="javascript" type="text/javascript" href="jquery-1.4.2.js"></script>
Nur leider bekomme ich folgende Fehlermeldung: 'JQuery is not definded.'
2 Minuten Googlen hat mir jetzt auch nicht geholfen. Hab noch nie was mit jQuery gemacht, also entschuldigt, wenn diese Frage selten dämlich ist.


EDIT: wenn ich das include gehts :
Code:
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>

Den Rest bekomme ich selber zusammen, danke :**
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben