Mouse option

Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκοπό αυτό γίνεται χρήση της Javascript βιβλιοθήκης AngularJS (https://angularjs.org/).

See the Pen Simple content toggle with AngularJS by sckarolos (@sckarolos) on CodePen.

Άσκηση: Τροποποιήστε το παράδειγμα δημιουργώντας περισσότερες επιλογές στη φόρμα περιεχομένων. Δοκιμάστε να φέρετε δυναμικά στη σελίδα διαφορετικό περιεχόμενο (π.χ. εικόνες). Η τροποιημένη εργασία είναι η παρακάτω:

See the Pen Mouse options by Anastasia Rizou Π2019156 (@p2019156) on CodePen.