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
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 :
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
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
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;
}
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