Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να χρησιμοποιήσετε Κυλιόμενο κείμενο σε Javascript

Κύλιση κειμένου μέσω Javascript κωδικοποίηση χρησιμοποιείται για τη μετακίνηση κειμένου κάθετα ή οριζόντια σε ένα τμήμα div μιας σελίδας web . Είναι ένας τρόπος για να προσελκύσει τους αναγνώστες σε μια συγκεκριμένη θέση στη σελίδα . Χρησιμοποιήστε κύλιση με φειδώ , ωστόσο , δεδομένου ότι μπορεί να δημιουργήσει μια σελίδα που είναι υπερβολικά φανταχτερός και δύσκολο να διαβαστούν. Χρησιμοποιώντας κυλιόμενο κείμενο διαρκεί μόνο λίγες γραμμές κώδικα εισάγεται σε μια λειτουργία που ονομάζεται στο « PageLoad " εκδήλωση στο HTML . Οδηγίες
Η

1 Τοποθετήστε ένα div στην ιστοσελίδα σας . Το div περιέχει το κείμενο που θέλετε να μετακινηθείτε . Παρακάτω είναι ένα δείγμα ενός στοιχείου div που περιέχει το κείμενο . Παρατηρήστε τη θέση του div ταιριάζει με την αρχική μεταβλητή θέση που δημιουργήσατε στο βήμα 2 .

Κυλιόμενο κείμενο μου <;/div > 2

Ρυθμίστε την αρχική θέση του κειμένου div . Αυτό του δίνει ένα σημείο εκκίνησης από το οποίο να scroll.var IPOS = 200 ?
Εικόνων 3

Offset την "κορυφή" χαρακτηριστικό που το Βήμα 1 κατά 1 pixel . Αυτό μετακινεί κατακόρυφα upward.iPos - = 1 ?
Η 4

Εκχώρηση μια μεταβλητή στο div για να επαναφέρετε τη θέση της και να συνεχίσει το βιβλίο : myDiv = document.getElementById ( « scrollingtext ') ?

5

myDiv.style.top = ipos ?
Η

6 Ρυθμίστε το χρονόμετρο έτσι ώστε το κείμενο μετακινείται ένα άλλο pixel . Το χρονόμετρο βρίσκεται σε milliseconds.window.setTimeout ( " Scroll ( ) ? " , 25 ) ? " Scroll ( ) " είναι το όνομα της συνάρτησης του κώδικα που δημιουργήθηκε σε αυτό το παράδειγμα . Η θέση του κειμένου θα κινηθεί προς τα επάνω κάθε 25 χιλιοστά του δευτερολέπτου .
Η

7 Τοποθετήστε τη λειτουργία αυτόματα όταν η σελίδα ανοίγει . Χρησιμοποιήστε την ακόλουθη ιδιότητα στην ετικέτα σώμα της σελίδας HTML :
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα