Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο

Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο
Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο

Βίντεο: Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο

Βίντεο: Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο
Βίντεο: K- OPLISMOS - Διάλογοι Σκυροδέματος: Video 7 - Mικρή Διόροφη Κατοικία 2024, Ενδέχεται
Anonim

Για μεγάλο χρονικό διάστημα, πολλοί επισκέπτες στο Διαδίκτυο δεν αισθάνονται τυχαίοι επισκέπτες στην εικονική πραγματικότητα. Επιπλέον, είναι πλέον πιο εύκολο από ποτέ να αποκτήσετε το δικό σας χώρο εργασίας, ξεκούρασης ή επικοινωνίας στο παγκόσμιο δίκτυο. Και αφού εμφανιστεί ένα τέτοιο μέρος - ένας ιστότοπος ή μια σελίδα - θέλω να το κάνω πιο όμορφο, πιο ενημερωτικό, πιο βολικό. Ένας από τους τρόπους για να λάβετε το επιθυμητό αποτέλεσμα είναι να τοποθετήσετε μερικές από τις πληροφορίες ή τις εικόνες στη γραμμή ανίχνευσης στον ιστότοπο.

Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο
Πώς να φτιάξετε μια ερπυστική γραμμή σε έναν ιστότοπο

Ο ευκολότερος τρόπος για να εισαγάγετε μια ερπυστική γραμμή σε μια σελίδα ιστότοπου είναι να χρησιμοποιήσετε τον έτοιμο προς χρήση κώδικα HTML, ο οποίος παρέχεται δωρεάν από πολλούς πόρους στο Διαδίκτυο. Αυτή η επιλογή θα είναι η βέλτιστη, για παράδειγμα, εάν πρέπει να τοποθετήσετε μια ροή ειδήσεων, αποσπάσματα μετοχών, πληροφορίες πύλης παιχνιδιών κ.λπ. στις σελίδες του ιστότοπού σας. Σε αυτήν την περίπτωση, πρέπει να βρείτε τον έτοιμο κώδικα στις σελίδες του επιλεγμένου πόρου Διαδικτύου, να τον αντιγράψετε και να τον επικολλήσετε στην επιθυμητή θέση στον κώδικα HTML της σελίδας του ιστότοπού σας. Αυτή η επιλογή είναι βολική όχι μόνο επειδή δεν χρειάζεται να γνωρίζετε τα σενάρια που δημιουργούν τη γραμμή ερπυσμού, αλλά επίσης δεν χρειάζεται να ανησυχείτε για τη συμπλήρωση μιας τέτοιας ροής με πληροφορίες - αυτό θα γίνει αυτόματα από τον ιστότοπο από τον οποίο η γραμμή ερπυσμού λαμβάνονται κωδικοί. Εάν πρέπει να συμπληρώσετε τη γραμμή ερπυσμού με τις δικές σας πληροφορίες ή φωτογραφίες, θα πρέπει να συνθέσετε μόνοι σας τον κωδικό. Ο ευκολότερος τρόπος για να το κάνετε αυτό είναι να χρησιμοποιήσετε μια ειδική ετικέτα HTML - marquee. Αποτελείται από μέρη ανοίγματος και κλεισίματος, το πρώτο από τα οποία περιέχει πρόσθετες πληροφορίες - χαρακτηριστικά. Πρόκειται για δεδομένα υπηρεσίας που ενημερώνουν το πρόγραμμα περιήγησης του επισκέπτη ποια γραμματοσειρά και χρώμα πρέπει να εμφανίζονται για το κείμενο της γραμμής ερπυσμού, σε ποια κατεύθυνση πρέπει να κατευθύνεται η κίνηση, το πλάτος, το ύψος και το φόντο του παραθύρου αυτής της γραμμής κ.λπ. Και ανάμεσα στις ετικέτες ανοίγματος και κλεισίματος, τοποθετείται το κείμενο της ίδιας της ροής ειδήσεων. Για παράδειγμα, στην απλούστερη μορφή του, ο κώδικας μπορεί να έχει την εξής μορφή: αυτό είναι το κείμενο ανίχνευσης Εδώ, καθορίζονται μόνο το πλάτος και το ύψος του μπλοκ σε pixel (τα χαρακτηριστικά πλάτους και ύψους) και το κείμενο κύλισης. Η κατεύθυνση της κίνησης καθορίζεται από το χαρακτηριστικό κατεύθυνσης, στο οποίο μπορεί να εκχωρηθεί μία από τις τέσσερις τιμές στα Αγγλικά (δεξιά, αριστερά, πάνω, κάτω). Από προεπιλογή, το κείμενο ανίχνευσης είναι βρόχο - η αρχή του προσαρτάται στο τέλος του, το οποίο θα κινηθεί προς την ίδια κατεύθυνση. Εάν χρησιμοποιήσετε το χαρακτηριστικό συμπεριφοράς με την εναλλακτική τιμή, τότε το κείμενο, φτάνοντας στο δεξί περίγραμμα του παραθύρου, θα αντιστρέψει την κατεύθυνση και θα αναπηδήσει απεριόριστα από δύο αντίθετες πλευρές (αριστερά και δεξιά ή πάνω και κάτω). Ένα άλλο σημαντικό χαρακτηριστικό της γραμμής κύλισης είναι το scrollAmount. Ρυθμίζει την ταχύτητα με την οποία το κείμενο κινείται σε σχετικές μονάδες - 1 σημαίνει την πιο αργή κίνηση, 2 σημαίνει λίγο πιο γρήγορα κ.λπ. Με τη βοήθεια των χαρακτηριστικών, μπορείτε να ορίσετε την καθυστέρηση πριν από την έναρξη της κύλισης της γραμμής κύλισης, τον αριθμό των κύκλων και την παύση μεταξύ τους, τις εσοχές από το κείμενο έως το περίγραμμα του παραθύρου αυτού του στοιχείου.

Συνιστάται: