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

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

Πώς να δημιουργήσετε ένα Αναβοσβήνει σύνορα στο DIV

Δημιουργία αναβοσβήνει σύνορα σε ένα στοιχείο
είναι ένας καλός τρόπος για να επιστήσει την προσοχή των επισκεπτών της ιστοσελίδας σας . Για να επιτευχθεί αυτό , θα πρέπει να χρησιμοποιήσετε το " setInterval ( ) " λειτουργία της Javascript για να δημιουργήσετε ένα βρόχο να αναβοσβήνουν τα σύνορα της DIV . Ο αριθμός των χρωμάτων που χρησιμοποιούνται για την αναβοσβήνει animation είναι πραγματικά απεριόριστες , που σημαίνει ότι μπορείτε να δημιουργήσετε ένα πλαίσιο που αναβοσβήνει για να ταιριάζει με οποιαδήποτε ιστοσελίδα ή το περιβάλλον . Οδηγίες
Η

1 Ανοίξτε το αρχείο . HTML ή . PHP που περιέχει την ιστοσελίδα σας . Επειδή οι συντάκτες εμπλουτισμένου κειμένου , όπως το Word μπορεί να εισάγει σφάλματα μορφοποίησης που μειώνουν τη συμβατότητα , χρησιμοποιήστε ένα απλό editor , όπως το Notepad ή το TextEdit για να κάνετε αλλαγές στον κώδικα HTML . 2

Μετακινηθείτε προς τα κάτω στην ενότητα κεφαλίδα της HTML έγγραφο. Προσθέστε τον ακόλουθο κώδικα αμέσως μετά το " " άνοιγμα tag : !

Προσθέστε την επιχείρηση type="text/javascript">

<-

var state = 0 ?

var flashtime = 100 ?

flash λειτουργία ( div_id ) { self.setInterval ( " changeBorder ( " + div_id + " ) " , flashtime ) ? }

changeBorder λειτουργία ( div_id ) {

if ( κατάσταση == 0 ) { document.getElementById ( div_id ) style.borderColor = " # FFFFFF " ? . state = 1 ? }

else { . document.getElementById ( div_id ) style.borderColor = ' # 000000 ' ? state = 0 ? } }


- >

<;/script > εικόνων
3

Αλλαγή " # FFFFFF " - στερεά λευκά - και "# 000000 " - στερεά μαύρα - αν χρειαστεί , τα χρώματα που ταιριάζουν ιστοσελίδα σας καλύτερα . Χρησιμοποιήστε το πρότυπο σημειογραφία χρώματος HTML , με το " # " ακολουθούμενο από δύο δεκαεξαδικά αριθμούς για το κόκκινο αξία , δύο για το πράσινο και δύο για το μπλε .
Η 4

Προσθέστε ένα νέο στοιχείο

στο τμήμα του σώματος της ιστοσελίδας σας χρησιμοποιώντας τον ακόλουθο κώδικα :

Έναρξη αναβοσβήνει

Αυτό θα δημιουργήσει μια νέα dIV , με ένα παχύ περίγραμμα γύρω από τις λέξεις "Start Αναβοσβήνει " ότι , όταν πατηθεί , αναβοσβήνει γρήγορα τα σύνορα dIV .

Η

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

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