Links und Rollover sind gemeinsame Programmier-Tools , während sie einige gemeinsame Funktionalität zu teilen , haben sie einige wichtige Unterschiede . Rollover sind wie Links auf Steroiden , die Sie mit mehr Leistung und Optionen, aber sie sind viel komplizierter zu erstellen. Links
Links Bei direkten Website-Besucher , um Informationen in einem anderen Ort . Links funktionieren wie Ausfahrten auf der Autobahn , so dass die Besucher zu bestimmten Zielen , die sie gerne besuchen würde auszuwählen. Links können entweder Text oder eine Grafik zu nutzen , z. B. ein Bild auf eine Schaltfläche. Wenn Sie auf einen Link, ist Ihr Browser lädt auf und zeigt die neue , Zielseite .
Rollover
Rollover Anzeige von Informationen zu einer Website Besucher. Wenn Sie Ihren Cursor über einem Überschlag , wird im Browser ein neues Bild auf der Seite. Wenn Sie den Cursor weg driftet der Rollover wird das Bild entfernt . Ein einfaches Beispiel eines Überschlags ist eine Schaltfläche, die Farben ändert , wenn ein Besucher schwebt über ihm. Rollover kann auch als Links funktionieren . Dies ermöglicht Ihnen, Informationen anzuzeigen , wenn ein Besucher schwebt über dem Rollover sondern schafft auch die Möglichkeit für die Besucher , um die Rollover klicken und auf eine andere Seite für weitere Informationen geleitet werden.
Wie Links Arbeiten
Links werden durch den Anker (a ) tag erstellt . Anchor -Tags informieren Sie Ihren Browser auf die Sie verweisen einen bestimmten Ort , entweder innerhalb der aktuellen Seite oder auf einer anderen Seite . Dann sagen Sie den Browser , wo diese Ankerpunkt wird durch die Verwendung eines Attributs . Um zu einer anderen Seite zu verlinken , benutzen Sie die " href " ( Hypertext- Referenz) Attribut . Dieses Attribut wird der Wert (URL oder Adresse ) des Ziel- Seite zugeordnet. Sie dann entweder den Text Sie gerne für Ihren Link anzuzeigen oder verwenden Sie das Bild ( img ) tag , um ein Bild für Ihren Link anzeigen möchten. Schließlich sagen Sie Ihrem Browser die Verbindung durch Schließen Sie die Anker-Tag abgeschlossen.
Wie Rollover arbeiten
Rollover sind viel komplizierter als einfache Links und erfordern den Einsatz von Skripten. In der Kopfzeile der Seite , müssen Sie dem Browser mitteilen zu belasten Ihr Rollover-Bild , wenn die Seite geladen wird. Im Körper Abschnitt , Sie immer noch die Anker-Tag , aber verwenden Sie den " onMouseOver " und " onMouseOut " scripts . Diese Skripte geben dem Browser , um das Bild vorgeladen , wenn ein Besucher die Maus über dem Rollover anzuzeigen und um dieses Bild zu entfernen, wenn ihre Blätter Cursor . Link-Funktionalität ist mit dem Überschlag mit dem " onClick "-Skript , erzählt der Browser eine bestimmte Seite (URL ) zu laden , wenn das Rollover geklickt wird aufgenommen.
Rollover Beispiel
< p> Rollover können Sie wahlweise Anzeige von Informationen , die Verbesserung des Besuchers Erfahrung und mit weniger Platz. Wenn Sie zum Beispiel einen " Personal "-Seite , auf der Sie eine Liste aller Ihrer Mitarbeiter zusammen mit ihren Fotos und bios haben , kann es bis viel Platz und überwältigen den Besucher mit zu viel Informationen auf einmal. Stattdessen könnten Sie entscheiden, Rollover verwenden , um nur eines Mitarbeiters Bild und Bio , wenn ein Besucher schwebt über ihren Namen und leiten sie an die Mitarbeiter der Seite für weitere Informationen , wenn der Link angeklickt wird.
