Εφαρμογή με Δυναμικό HTML Εφέ Κίνησης

Στην εφαρμογή αυτή έχουμε συνδυασμό HTML, JavaScript και δυναμικών χαρακτηριστικών. Εισάγουμε τρεις εικόνες σε τρία διαφορετικά στρώματα και ενώ και οι τρεις εικόνες βρίσκονται αρχικά στην ίδια κατακόρυφη θέση, δημιουργούμε τρεις τυχαίους αριθμούς και αναγκάζουμε τα στρώματα να μετακινούνται με την ταχύτητα που ορίζεται από τους τρεις τυχαίους αριθμούς. Μόλις τα στρώματα, άρα και οι εικόνες που βρίσκονται μέσα τους, φθάσουν στην άκρη της οθόνης, θα επιστρέφουν στην αρχή και η κίνηση θα συνεχίζεται με τον ίδιο ρυθμό. Μπορούμε να κάνουμε συνεχείς ανανεώσεις (refresh) της ιστοσελίδας για να βλέπουμε τη δημιουργία και άλλων τυχαίων αριθμών και ποια εικόνα «τρέχει» πιο γρήγορα. Χρησιμοποιούμε την ιδιότητα left ενός στρώματος, η οποία ορίζει την απόστασή του από το αριστερό άκρο του παραθύρου του φυλλομετρητή.

Επιστροφή