Επισήμανση ενός ενεργού συνδέσμου

Πίνακας περιεχομένων:

Επισήμανση ενός ενεργού συνδέσμου
Επισήμανση ενός ενεργού συνδέσμου

Βίντεο: Επισήμανση ενός ενεργού συνδέσμου

Βίντεο: Επισήμανση ενός ενεργού συνδέσμου
Βίντεο: Γιατί (μάλλον) Δεν Είμαστε ο Εξυπνότερος Λαός - ft. @Καθημερινή Φυσική | Greekonomics #21 2024, Ενδέχεται
Anonim

Η πλοήγηση στον ιστότοπο παρέχεται μέσω συνδέσμων. Και η επιλογή τους, συνδεδεμένη με μια συγκεκριμένη κατάσταση, χρησιμεύει ως στοιχείο σχεδίασης και σας επιτρέπει να δημιουργήσετε ένα όμορφο αποτέλεσμα.

Επισήμανση ενός ενεργού συνδέσμου
Επισήμανση ενός ενεργού συνδέσμου

Οδηγίες

Βήμα 1

Οι σύνδεσμοι καθορίζονται με ετικέτες και. Πρέπει να γραφτούν στο πεδίο. Μπορείτε, κατ 'αρχήν, να χρησιμοποιήσετε τα εργαλεία στον πίνακα ελέγχου, αλλά για να δημιουργήσετε διάφορα εφέ, θα χρειαστεί να κάνετε αλλαγές στον κώδικα. Το χαρακτηριστικό alink είναι υπεύθυνο για το χρώμα του ενεργού συνδέσμου, ενώ ο επισκέπτης είναι vlink. Σε μορφή html εμφανίζεται ως εξής: Όνομα καρτέλας Άγκυρα κείμενοΕάν πρέπει να δημιουργήσετε έναν σύνδεσμο ως εικόνα, εισαγάγετε την εικόνα μεταξύ και:

Βήμα 2

Η επισήμανση κατά το δείκτη του ποντικιού πάνω από έναν σύνδεσμο δρομέα δημιουργείται χρησιμοποιώντας Javascript. Ο κώδικας σε αυτήν την περίπτωση μοιάζει με αυτό: highlight highlight (which, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Κείμενο συνδέσμου

Βήμα 3

Για να επισημάνετε το φόντο γύρω από την άγκυρα του συνδέσμου χρησιμοποιήστε: λειτουργία επισήμανσης (που, χρώμα) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Βήμα 4

Μια άλλη επιλογή για την επισήμανση του ενεργού συνδέσμου:.link {background-color: # 810002} $ (document). Ήδη (function () {$ ("li a"). RemoveClass ("link"); $ ("# link_" addClass ("σύνδεσμος");});

  • Σύνδεσμος 1
  • Σύνδεσμος 2
  • Σύνδεσμος 3

Συνιστάται: