Jquery αναδυόμενο παράθυρο, μια επισκόπηση της εγκατάστασης

Ένας τρόπος για να προσελκύσει τους χρήστες στην ιστοσελίδα είναι τα pop-ups. Φυσικά, αυτό δεν δίνει απόλυτη εγγύηση της αύξησης της συμμετοχής, αλλά και πάλι για κάποιο χρονικό διάστημα, να επιστήσω την προσοχή σε πληροφορίες.

Δημιουργήστε ένα αναδυόμενο jQuery - που δεν είναι εύκολο, αλλά αν θέλετε να το εφικτό. Και όμως, πριν ξεκινήσετε για να δημιουργήσετε ένα τέτοιο προϊόν, θα πρέπει να αντιπροσωπεύουν οπτικά τι είναι και πώς φαίνεται.

Οι σελίδες του site δημιουργήθηκε με τη χρήση HTML. Σε αυτό, με τη σειρά, η οποία ήθελε ο ιδιοκτήτης του πόρου, τοποθετούνται κουμπιά. Μπορεί να υπάρχουν μερικά κομμάτια (ένα έως ...), η διακριτική ευχέρεια να δημιουργήσει. Κάνοντας κλικ σε αυτό το κουμπί, ο επισκέπτης θα δει ένα αναδυόμενο παράθυρο jquery. Το περιεχόμενο αυτών ή μπορεί να είναι εντελώς διαφορετική, όπως μια εικόνα ή ένα ελκυστικό νέα μορφή της εγγραφής, τη διαφήμιση, το μήνυμα, ναι τίποτα. Φαντασία σε αυτό το θέμα δεν περιορίζεται από τα όρια. Pop-up παράθυρα καλύπτουν συχνά σελίδας του site σαφή σκούρο φόντο και σε καθένα από αυτά υπάρχει ένα εικονίδιο, οι χρήστες συνήθως κατανοητή διαισθητικά. Οι δυνατότητες είναι ατελείωτες αυτή η λειτουργία.

Με την πρώτη ματιά, να δημιουργήσει κάτι τέτοιο είναι δύσκολο, αλλά αυτό είναι μια λανθασμένη εντύπωση. Αν υπάρχει η επιθυμία και υπάρχει ανάγκη, γιατί αυτό δεν είναι να κατανοήσουμε περισσότερο; Ακόμα κι αν πολλοί δεν καταλαβαίνουν, υπάρχει πάντα η δυνατότητα να μελετήσει τη διαδικασία στρέφονται προς τους επαγγελματίες. Ας πάρουμε, για παράδειγμα, να δημιουργήσετε και να τοποθετήσει ένα κουμπί που θα ενεργοποιήσουν τις εγγραφή παράθυρα, εικόνες ή φωτογραφίες και καρτέλες. Χρησιμοποιώντας τη javascript pop-up παράθυρο, ή μάλλον το κουμπί, έχουμε ετοιμάσει μια αναφορά και να ζητήσει όλα αυτά μια κοινή τάξη. Σύνδεσμοι τοποθετείται μέσα στο div tag-ένα.

Το χαρακτηριστικό rel, προστίθενται σε κάθε αντιστοιχεί ακριβώς στο όνομα της κλάσης του παραθύρου και σας επιτρέπει να ανακαλύψετε το σωστό, μόλις κάνετε κλικ στον παραπάνω σύνδεσμο. Όλα, popup jQuery που έχουμε δημιουργήσει. Μένει τώρα να κάνουν τακτοποιημένη και ελκυστική. Αυτό θα απαιτήσει τη χρήση των στυλ.

μορφές εργασίας δεν προκαλεί δυσκολίες: τα πάντα είναι απλή και σαφής. Χρειαζόμαστε μόνο μια μικρή γνώση της γλώσσας HTML. Αλλά ακόμη και αν ο χρήστης δεν το καταλαβαίνουν, οι απαραίτητες πληροφορίες είναι εύκολο να βρει κανείς στο Διαδίκτυο. Για κουμπιά jquery, pop-up παράθυρα κοίταξε όλες τις γνωστές μέχρι σήμερα προγράμματα περιήγησης είναι εξίσου όμορφο και τακτοποιημένο, είναι απαραίτητο: α) στο κέντρο ενότητες συνδέσμων? β) ολοκληρώνουν τις γωνίες? γ) συνδέουν PIE σε IE 7-8.

Σε γενικές γραμμές, σήμανση HTML θα είναι η ίδια για όλα τα pop-ups. Ως εκ τούτου, η χρήση των ετικετών δεν θα πρέπει να κρεμαστεί αν δεν έχετε αρκετά για να θυμηθούμε μερικά βασικά. Η διαφορά είναι μόνο στο σχεδιασμό του μεγέθους, που είναι, ένα jQuery αναδυόμενο πλάτος του παραθύρου θα έχει διαφορετική εμφάνιση. Το ίδιο ισχύει και για τα περιεχόμενα.

Για να φιλοξενήσει τη φόρμα εγγραφής στο παραπάνω ετικέτα πρέπει να γραφτεί ως εξής:

κοντά

Εγγραφή σε απευθείας σύνδεση

Εισάγετε το όνομα χρήστη σας: Εισάγετε τον κωδικό:

Σε αυτή την καταχώρηση συμπίπτει με την reg_form χαρακτηριστικό rel πρώτο κουμπί, και η διπλή κατηγορία μεριδίων περιτύλιγμα ορίζεται αναδυόμενο reg_form (απαιτούμενο χώρο). Αυτή η ετικέτα σας επιτρέπει να δημιουργήσετε ένα κοινό στυλ για όλα τα παράθυρα pop-up, και να ορίσετε συγκεκριμένες παραμέτρους για κάθε ένα ξεχωριστά.

Στη συνέχεια, αρχίζουν να τοποθετούν κουμπιά για τις εικόνες. Εδώ είναι το ίδιο: διπλή αναγραφόμενης κατηγορίας και σηματοδότησε τη διαδρομή προς το φάκελο όπου βρίσκονται οι εικόνες. Λοιπόν, αργότερα, στο ίδιο πνεύμα.

Αφού δημιουργήσετε θα ρυθμίσετε μόνο τη συνολική εμφάνιση των σελίδων στο site σας, εγγραφείτε κανόνες για τα παράθυρα. Δηλαδή, είναι όλα εξίσου σχεδιαστεί, επεξεργασία οριζόντια, και ο καθένας θα έχει ένα κουμπί που είναι υπεύθυνη για το κλείσιμο του παραθύρου και τον τίτλο του. Επιπλέον, θα είναι κρυμμένα κατά τη φόρτωση της σελίδας πόρων.

Αν δεν υπάρχει επιθυμία να το κάνετε μόνοι σας, υπάρχει πάντα η δυνατότητα να κατεβάσετε ένα script που σας επιτρέπει να δημιουργήσετε ένα pop-up παράθυρο αυτόματα, μόνο ελαφρά διόρθωση μικροεφαρμογές δράση.