Web προγραμματιστές που κοιτάζουν για να προσθέσετε μια μοναδική πινελιά στο περιβάλλον εργασίας χρήστη της ιστοσελίδας τους, μπορούν να χρησιμοποιήσουν ένα Javascript - με βάση τη γλώσσα προγραμματισμού είναι γνωστή ως jQuery . Modal παράθυρα μπορεί να είναι ένας καλός τρόπος για να εμφανίσετε τα μικρά κομμάτια των πληροφοριών στους χρήστες να αλληλεπιδρούν με την ιστοσελίδα σας ή την εφαρμογή web . Μπορείτε επίσης να χρησιμοποιήσετε modal παράθυρα για να εμφανιστούν τα λάθη και να ζητήσει από το χρήστη να εισάγει πρόσθετες πληροφορίες . Να πάρει το παράθυρο του τρόπου εκτέλεσης για την οθόνη είναι ένα θέμα , χρησιμοποιώντας το σωστό κωδικό και διαμόρφωση σωστά για να συνεργαστεί με την υπόλοιπη ιστοσελίδα σας . Οδηγίες
Η

1 Ανοίξτε το HTML της ιστοσελίδας σας χρησιμοποιώντας μια ιστοσελίδα κωδικοποίησης εφαρμογή ή μια εφαρμογή επεξεργασίας απλού κειμένου , όπως το Σημειωματάριο της Microsoft ή το Mac OS X TextEdit . 2

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

Modal window

Πρώτη παράθυρο modal

Διαμορφώστε τις ετικέτες HTML στο παραπάνω παράδειγμα για να ταιριάζει στις ανάγκες σας, προσαρμόζοντας την τοποθέτηση και div ταυτότητες .

με 3

Ανοίξτε το αρχείο CSS που υπαγορεύει το στυλ της ιστοσελίδας σας με την ίδια εφαρμογή, έτσι ώστε να μπορείτε να προσθέσετε τα modal παράθυρο στυλ CSS , τα οποία είναι απαραίτητα για να καταστεί στερεά γκρι? υπόβαθρο: # 246493 ? χρώμα: μαύρο? }
Η 4

Προσθέστε τον κώδικα jQuery show_modal που έχει την τελική ευθύνη για την κλήση από το παράθυρο και να του επιτρέπει να εμφανιστεί στο HTML της ιστοσελίδας σας :
.

show_modal λειτουργία ( modal_id ) { $ ( ' # μάσκα » ) css ( { « οθόνη »:« μπλοκ » , αδιαφάνεια : 0 } ) ? . $ ( ' # μάσκα » ) fadeTo ( 500,0.8 ) ? $ ( '#' + modal_id ) FadeIn ( 500 ) .?}
5

αποθηκεύστε την τροποποιημένη αρχεία HTML και CSS για την ιστοσελίδα σας και στη συνέχεια να φορτώσετε την παραγωγή σας περιβάλλον web server για να αποθηκεύσετε τις αλλαγές και την έναρξη εμφανίζοντας το αποκλειστικό παράθυρο .
Η
εικόνων