Move Effekt mit div Element?

[Romsl]

Hi,

ist es möglich einen "Move-Effekt" mit einem DIV Element zu realisieren?

Move-Effekt: Das DIV Element soll z.B. von x:0 y:0 nach x:100 y:100 bewegt werden und diese Bewegung soll flüssig dargestellt werden (flüssiger Übergang).

Gruß

Romsl

 

[con-f-use]

Im Prinzip wird hier nichts anderes gemacht: http://confus.co.funpic.de/_data/tut/mousefollow.html

Musst das Script nur anpassen.

 

[Romsl]

Leider geht es nicht. Er läuft dann in einem Ruck von der Start- zur End-Positition.

Ich möchte, dass ein DIV bspw. bei einem Klick darauf z.B. um jeweils 100 px nach rechts und nach unten wandert. Aber nicht in einem Ruck sondern verlaufend.

 

[con-f-use]

Du wirst nie eine ganz flüssige Bewegung mit Javascript inbekommen, aber der Layer aus meinen Script bewegt sich flüssig der Maus hinterher. Egal, du kannst auf jeden Falls das Prinzip aus meine Script rauslesen.

 

[Romsl]

Ich weiß, dass es geht. Schau dir unter http://www.backbase.com die Demos an. Bspw der Shop bewegt die Elemente flüssig.

Falls du mir einen Tip geben kannst würd ich mich sehr freuen.

 

[con-f-use]

Wir renden andeinander vorbei, auch diese Bewegung ist nicht 100%ig flüssig. Du sieht das prinzip in meinem Script: Du musst dem div-Layer rekursiv mittels einer Glättungsfunktion neue Werte für style.top und stlye.left geben. Wenn du die Zahlen in meine Script ein bisschen veränderst (bei setTimeout und der Funktion selber das 0.6) wirst du sehen, dass die Bewegung ruckliger bzw. flüssiger wird. Das Script von einem Shop funktioniert nach dem selben Prinzip.

 

[Romsl]

Mir ist Javascript leider nicht so geläufig. Könntest du mir dafür bitte ein Beispiel (ähnlich dem Shop) geben?

Danke