Πώς να δημιουργήσετε Bars φόρτωσης

Φόρτωση μπαρ εμφανίζει την πρόοδο της λήψης ή της διαδικασίας . Η γραμμή φόρτωσης δίνει στους χρήστες μια οπτική κατανόηση του πώς η πρόοδος έρχεται μαζί . Κάθε γλώσσα προγραμματισμού έχει τη δική της μέθοδο για τη δημιουργία μπαρ πρόοδο . Οι πιο δημοφιλείς επιλογές είναι το Flash και Ajax . Δημιουργώντας μια γραμμή φόρτωσης απαιτεί μια εικόνα φορτίου -μπαρ που μπορείτε να κάνετε στον εαυτό σας ή να κατεβάσετε από μια γεννήτρια εικόνας. Η γραμμή φόρτωσης απαιτεί κωδικό, ο οποίος ενημερώνει πόση πρόοδος έχει σημειωθεί . Οδηγίες
Δημιουργία Bars Φόρτωση Με Ajax

1

Λήψη φόρτωση μπαρ gif από τη γεννήτρια gif Ajax ( βλέπε Πόρων ) . Επιλέξτε ένα στυλ από το «είδος Δείκτης " drop-down μενού , στη συνέχεια, κάντε κλικ στο κουμπί "Δημιουργία ". Κάντε κλικ στο " Download It! " κάτω από την προεπισκόπηση . Θα εμφανιστεί ένα παράθυρο διαλόγου λήψης. Περιηγηθείτε στον κατάλογο του προγράμματος φόρτωσης -bar σας , το όνομα του αρχείου " loading.gif " και στη συνέχεια πατήστε το πλήκτρο " Enter". Εναλλακτικά , εάν είστε ένα πρόγραμμα επεξεργασίας γραφικών , μπορείτε να δημιουργήσετε τη δική σας γραμμή προόδου . Βεβαιωθείτε ότι είναι μια κινούμενη εικόνα με την " gif " επέκταση αρχείου . 2

Κατεβάστε τη βιβλιοθήκη jQuery ( βλέπε Πόρων ) . Ένα αρχείο κώδικα JavaScript θα ανοίξει . Κάντε κλικ στο " Αρχείο ", "Αποθήκευση". Όταν εμφανιστεί το παράθυρο διαλόγου Αποθήκευση , περιηγηθείτε στον κατάλογο του προγράμματος φόρτωσης -bar σας και πατήστε το πλήκτρο " Enter".
Εικόνων 3

ξεκινήσει ένα πρόγραμμα επεξεργασίας κώδικα ή Σημειωματάριο . Για Σημειωματάριο , κάντε κλικ στο κουμπί " Έναρξη", " Όλα τα προγράμματα ", " εξαρτήματα ", " Σημειωματάριο"
Η

4 Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο κενό αρχείο : .

Προσθέστε την επιχείρηση σας src="jquery.js">

<γραφή 0 0 0 ?

Font : 11px Arial τολμηρή , Helvetica , sans -serif ?

}

?

5

Αποθηκεύστε το αρχείο . Κάντε κλικ στο " Αρχείο ", " Αποθήκευση " δώστε ένα όνομα με το " html " επέκταση ( όπως " loadbar.html " ) και πατήστε το πλήκτρο " Enter".
Εικόνων Δημιουργία Bars Φόρτωση Με το Flash

6

ξεκινήσει οποιοδήποτε πρόγραμμα επεξεργασίας Flash .
Η 7

Δημιουργία τριών νέων καρέ με κάνοντας κλικ στο " Εισαγωγή ", " Πλαίσιο" .
8

Στο "Κουφώματα" πάνελ ( συνήθως στα αριστερά του επεξεργαστή Flash ) , κάντε δεξί κλικ στο επάνω πλαίσιο και επιλέξτε " Μετονομασία ". Ονομάστε το " δράσεις ". Χρησιμοποιήστε την ίδια διαδικασία για να αναφέρουμε το δεύτερο πλαίσιο " siteloader , " το τρίτο πλαίσιο " περίγραμμα " και το τελευταίο καρέ "bar . "
Η 9

Κλειδώστε τους "δράσεις" και " περίγραμμα " καρέ . Δεξί κλικ σε κάθε μία από τις ονομασίες πλαίσιο και επιλέξτε " Κλείδωμα ".

10

Ρυθμίστε το " γεμίσει " και " εγκεφαλικό " χρώματα . Η «γεμίζουν» το χρώμα είναι το ένα δίπλα στο κάδο χωματερή. Το " εγκεφαλικό " χρώμα είναι το χρώμα που υπάρχει δίπλα στο μολύβι . Βεβαιωθείτε ότι τα χρώματα αντίθεση ο ένας τον άλλον , έτσι ώστε η διαδρομή θα είναι σαφώς ορατά πάνω από το φόντο.
Η 11

Δημιουργήστε ένα ορθογώνιο για τη γραμμή φόρτωσης . Κάντε κλικ στο εργαλείο ορθογωνίου στην εργαλειοθήκη , που τα σύνορα στο επιθυμητό πλάτος και σχεδιάστε ένα ορθογώνιο στη "γραμμή " καρέ . Το ορθογώνιο αυτό θα λειτουργήσει ως γραμμή φόρτωσης σας . Η «γεμίζουν» το χρώμα θα γεμίσει το μπαρ φόρτωσης όπως η λήψη εξελίσσεται .
Η 12

Μετακινήστε το περίγραμμα από την "μπάρα " στρώμα στο " περίγραμμα " στρώμα . Κάντε διπλό κλικ το περίγραμμα της γραμμής φορτίου για να επιλέξετε μόνο το περίγραμμα . Πατήστε το πλήκτρο " Ctrl " και "x " ταυτόχρονα να κόψει το περίγραμμα από το μπαρ του φορτίου . Κάντε δεξί κλικ τη λέξη "bar " και επιλέξτε " Κλείδωμα ". Κάντε δεξί κλικ " περίγραμμα " και επιλέξτε " Ξεκλείδωμα ". Κάντε κλικ στο κουμπί " Επεξεργασία ", "Επικόλληση σε Place . "

13

Κάντε τη φόρτωση μπαρ ένα κλιπ ταινίας . Κάντε δεξί κλικ " περίγραμμα " και επιλέξτε " Κλείδωμα ". Κάντε δεξί κλικ στο " bar" και επιλέξτε " Ξεκλείδωμα ". Κάντε κλικ στο ορθογώνιο , τότε " Τροποποίηση ", " Μετατροπή σε Symbol . " Πληκτρολογήστε " loadbar ", όπως το όνομα , στη συνέχεια, πατήστε το κουμπί για «Κλιπ Movie " και πατήστε το πλήκτρο " Enter".

14

Δημιουργία παράδειγμα ActionScript . Κάντε κλικ στο " Ιδιότητες". Στο πλαίσιο κειμένου δίπλα στο " Όνομα " τύπος " loadingBar . "

15

Ρύθμιση του φορτωτή site. Κλειδώστε το "bar " στρώμα και να ξεκλειδώσετε το " siteloader " στρώμα . Κάντε κλικ στο " Εισαγωγή ", " New Symbol , " όνομα "site ", επιλέξτε " Κλιπ Movie " και πατήστε το πλήκτρο " Enter". Κάντε κλικ στο " Παράθυρο ", " Βιβλιοθήκη ". Κάντε κλικ στο " site" και σύρετε με το στάδιο ( το κύριο πίνακα του συντάκτη Flash ) . Κάντε κλικ στο " Ιδιότητες". Στο πλαίσιο κειμένου τύπου " Όνομα " " siteLoader . "

16

Πρόγραμμα της ActionScript . Κάντε κλικ στο " Παράθυρο ", " Δράσεις ". Ο συντάκτης κωδικός θα εμφανιστεί στην οθόνη . Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο πρόγραμμα επεξεργασίας κώδικα :

siteLoader.loadMovie ( " ")?

LoadingBar._xscale = 1 ?

LoadingBar . onEnterFrame = λειτουργία () {

kBytesLoaded = this._parent.siteLoader.getBytesLoaded ( ) /1024 ?

kBytesTotal = this._parent.siteLoader.getBytesTotal ( ) /1024 ?

ποσοστό = Math.round ( kBytesLoaded /kBytesTotal * 100 ) ?

this._xscale = ποσοστό ?

αν (ποσοστό == 99 ) {

διαγραφεί . onEnterFrame ?

} }

Αντικατάσταση " " με τη διαδρομή της σελίδας αρχείο ή ιστοσελίδα που φορτώνεται , ενώ η γραμμή φόρτωσης εξελίσσεται .
Η 17

Αποθηκεύστε το έργο ως « loadbar.swf . "
Η
εικόνων