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

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

Πώς να Περιστροφή κειμένου με JavaScript

Είναι δύσκολο να γνωρίζουμε πώς οι πιθανοί πελάτες θα μπορούσαν να αντιδράσουν σε ένα διαφημιστικό σύνθημα , και πολλές ιστοσελίδες θα δημιουργήσει πολλά συνθήματα , να περιστρέψετε το κείμενο και να μετρήσει τον αριθμό των κλικ για να καθορίσει τον πλέον αποτελεσματικό σύνθημα . Μπορείτε να χρησιμοποιήσετε τη Javascript για να περιστρέψετε το κείμενο στην οθόνη, δημιουργώντας μια σειρά από κείμενο που θα εμφανίζεται , δημιουργώντας μια λειτουργία για να εμφανίσετε το επόμενο στοιχείο κείμενο στον πίνακα και καλώντας το « setInterval " μέθοδο για την εφαρμογή της εκ περιτροπής σε τακτά χρονικά διάστημα . Οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο HTML χρησιμοποιώντας το Σημειωματάριο ή ένα πρόγραμμα επεξεργασίας HTML . Τοποθετήστε τις κεφαλίδες HTML στο έγγραφο : < ! DOCTYPE HTML >




< meta charset = " utf- 8 " >

περιστροφή κειμένου < /title> 2 <br> <p> Προσθέστε κώδικα JavaScript για να δημιουργήσει μια σειρά από μηνύματα κειμένου για να περιστρέψετε . Υπολογίσει τη θέση του τελευταίου μηνύματος κειμένου στη συστοιχία με τη λήψη του μήκους και αφαιρώντας ένα. Προετοιμάσει μια μεταβλητή ( δείκτης) για την παρακολούθηση του δείκτη το τρέχον μήνυμα κειμένου στον πίνακα <br> <p> <script> <br> <p> κείμενο var = [ . " Ειδική Προσφορά - κλικ εδώ! " , "Free Stuff - κάντε κλικ εδώ " , " μην χάσετε αυτή την προσφορά - κάντε κλικ εδώ " ] ? ! <br> <p> var maxSlogans = text.length - 1 ? <br> <p> var ρεύμα = 0 ? <br> ! <br> Η 3 <p> Δημιουργήστε μια λειτουργία JavaScript για να περιστρέψετε το κείμενο . Επιλέξτε το επόμενο μήνυμα κειμένου στον πίνακα ή να μετακινήσετε το δείκτη πίσω στο πρώτο μήνυμα κειμένου αν έχετε φτάσει στο τέλος του πίνακα . Εμφανίσει το κείμενο με την αντικατάσταση του " innerHTML " ιδιότητα της ετικέτας <div> με το μήνυμα κειμένου : <br> <P> λειτουργία rotateText ( ) { <br> <p> αν ( + + ρεύμα > maxSlogans ) = τρέχουσα 0 ? <br> <p> document.getElementById ( " textDiv " ) innerHTML = " <a href="http://example.com/special' + ρεύμα + '.php"> '+ κείμενο [ ρεύμα . ] + " < /a> ' ? <br> <p> } <br> Η 4 <p> Καλέστε τη μέθοδο JavaScript " setTimeout " με τη λειτουργία που θέλετε να εκτελέσετε και το διάστημα εκτέλεσης σε χιλιοστά του δευτερολέπτου . Για παράδειγμα, εκτελέστε το " rotateText " λειτουργία κάθε 10 δευτερόλεπτα : <br> <p> window.setInterval ( " rotateText ( ) " , 10000 ) ? <br> <p> < /Script > <br> <p> < ;/κεφάλι > <br> 5 <p> Δημιουργία <div> στο σώμα του εγγράφου και να ορίσετε το αναγνωριστικό που χρησιμοποιείται στη λειτουργία περιστροφής JavaScript . Εμφανίζει το πρώτο σύνθημα κείμενο μέσα στο <div> tag : <br> <p> <body> <br> <p> <div id="textDiv"> <a href = " http://example .com/special0.php " > Ειδική Προσφορά - κλικ εδώ! < /a> < /div > <br> <p> < /body> <br> <p> < /html > <br> <br> 6 <p> Αποθηκεύστε το αρχείο . Ανοίξτε σε ένα πρόγραμμα περιήγησης και να παρακολουθήσετε το κείμενο περιστρέφεται στην οθόνη . <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90936.html' >Πώς μπορείτε να διαπιστώσετε τις συντεταγμένες ενός στοιχείου σε JavaScript </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90938.html' >Με τους κινδύνους JavaScript </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/91143.html" target="_blank">Πώς να κάνει Ανακυκλωμένο μελάνης </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90792.html" target="_blank">Tutorial για το πώς να εγκαταστήσετε το jQuery Plugins </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91098.html" target="_blank">Πώς να δημιουργήσετε μια συλλογή φωτογραφιών με την επόμενη & Προηγούμενη Links & Μεγάλες Εικόνας Pop - Ups </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91024.html" target="_blank">Πώς να αλλάξετε το περιεχόμενο του iFrame με JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91147.html" target="_blank">Πώς να δημιουργήσετε κείμενο με βάση Browser παιχνίδια </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/91221.html" target="_blank">Πώς να δημιουργήσετε μια δωρεάν έντυπο Email </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90784.html" target="_blank">Βοήθημα για jQuery και το Google Maps </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90805.html" target="_blank">Πώς να χρησιμοποιήσετε κώδικα DBL </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90753.html" target="_blank">Πώς να κάνει ένα μενού συνδεόμενη με Javascript </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>