Αλλαγές στη λειτουργία ενός μεμονωμένου link

Αν θέλουμε να επηρεάσουμε τον τρόπο λειτουργίας ενός ειδικού link χωρίς να αλλάξει η εμφάνιση και λειτουργία των υπολοίπων μπορούμε να χρησιμοποιήσουμε τμήματα από τον ακόλουθο κώδικα:

<a href="quote.html" style="color: #ffffcc; text-decoration: none;" onMouseOver="this.style.color='red';" onMouseOut=" this.style.color='#ffffcc';">Ask for a quote</a>

Το color: #ffffcc ορίζει το χρώμα που θα έχει το link, το text-decoration: none πως δεν θέλουμε υπογράμμιση και το onMouseOver="this.style.color='red' το χρώμα που θα έχει η παραπομπή αν φέρουμε τον δρομέα του ποντικιού επάνω της. Το onMouseOut χρησιμοποιείται αν θέλουμε να αλλάζει χρώμα η παραπομπή όταν έχει περάσει απά πάνω της ο δρομέας (το χρώμα δηλαδή το οποίο θα έχει η παραπομπή μετά από ένα MouseOver ανεξάρτητα του αν ο χρήστης έκανε κλικ η όχι). Ωστόσο, ένα τέτοιο εφέ κινδυνεύει να αποπροσανατολίσει τον επισκέπτη της σελίδας μας και γι' αυτό στο παράδειγμα δηλώνουμε πως το χρώμα θα πρέπει να ξαναγίνεται ό,τι ήταν και πριν το MouseOver.