Πώς να φτιάξετε ένα πλωτό παράθυρο

Πίνακας περιεχομένων:

Πώς να φτιάξετε ένα πλωτό παράθυρο
Πώς να φτιάξετε ένα πλωτό παράθυρο

Βίντεο: Πώς να φτιάξετε ένα πλωτό παράθυρο

Βίντεο: Πώς να φτιάξετε ένα πλωτό παράθυρο
Βίντεο: Κατασκευή παράθυρο με ξύλο How to make a simple window 2024, Νοέμβριος
Anonim

Πολλοί σύγχρονοι ιστότοποι διαθέτουν αυθεντικά στοιχεία ελέγχου. Ένα από αυτά τα στοιχεία είναι τα αναδυόμενα παράθυρα στα οποία μπορείτε να τοποθετήσετε διάφορες χρήσιμες πληροφορίες, διαφημίσεις, στοιχεία ελέγχου, δημοσκοπήσεις και άλλα. Είναι πολύ εύκολο να δημιουργήσετε ένα τέτοιο αναδυόμενο παράθυρο - χρησιμοποιήστε τη βιβλιοθήκη jQuery.

Πώς να φτιάξετε ένα πλωτό παράθυρο
Πώς να φτιάξετε ένα πλωτό παράθυρο

Οδηγίες

Βήμα 1

Εισαγάγετε ετικέτες στον κώδικα της σελίδας σας που προσθέτουν τη βιβλιοθήκη jQuery. Αυτές οι ετικέτες φαίνονται αρκετά τυπικές:

script src = "jQuery.js" / σενάριο

script src = "interface.js" / script

Βήμα 2

Προσθέστε τον κώδικα css στο φύλλο στυλ για να προσθέσετε στυλ στο αναδυόμενο παράθυρο. Καθορίστε παραμέτρους όπως θέση, ύψος, υπερχείλιση, εικόνα φόντου, θέση φόντου, επανάληψη φόντου, υπερχείλιση, δρομέα και άλλες που μπορεί να χρειαστείτε για το στυλ. Αυτές οι παράμετροι μπορούν επίσης να οριστούν στην επικεφαλής ετικέτα, εάν δεν έχετε την αρχή να εκχωρήσετε ένα ειδικό αρχείο για στυλ στην τυπική εργασία σας. Μπορείτε να γράψετε κώδικα με άλλους τρόπους, χρησιμοποιώντας διαφορετικές ετικέτες. Συνήθως υπάρχουν πολλοί τρόποι για να γράψετε αιωρούμενα παράθυρα.

Βήμα 3

Επικολλήστε τον κωδικό για τον σύνδεσμο προς το αναδυόμενο παράθυρο στο σώμα της σελίδας και περιγράψτε το ίδιο το σενάριο για το άνοιγμα του αναδυόμενου παραθύρου. Περιγράψτε μια συνάρτηση για να καλέσετε ένα παράθυρο χρησιμοποιώντας τυπικές εντολές show (), TransferTo (), bind () και άλλα. Προσπαθήστε να γράψετε μια μικρή περιγραφή για τον εαυτό σας δίπλα σε κάθε λειτουργία, ώστε να μην μπερδευτείτε στον κώδικα, καθώς μπορείτε να διακόψετε εντελώς τη λειτουργία ολόκληρου του συστήματος.

Βήμα 4

Ελέγξτε τον κωδικό για σφάλματα και ανοίξτε τη σελίδα σε ένα πρόγραμμα περιήγησης για να δείτε το αποτέλεσμα της εργασίας σας. Για να εμφανιστεί ένα αναδυόμενο παράθυρο, πρέπει να κάνετε κλικ στον σύνδεσμο που δημιουργήθηκε. Στο μέλλον, μπορείτε να προβλέψετε την αυτόματη εμφάνιση ενός αναδυόμενου παραθύρου. Το αναδυόμενο παράθυρο θα πρέπει επίσης να έχει διάφορα χαρακτηριστικά, όπως η δυνατότητα μεταφοράς και απόθεσης, ελαχιστοποίησης, τεντώματος και, φυσικά, κλεισίματος. Όλα αυτά τα χαρακτηριστικά πρέπει να περιγραφούν στο αναδυόμενο σενάριο. Η κατασκευή πλωτών παραθύρων δεν είναι δύσκολη, το κύριο πράγμα είναι να γνωρίζετε τα βασικά του προγραμματισμού, καθώς χρειάζεστε ειδικές γνώσεις για να γράψετε σωστά τον κώδικα.

Συνιστάται: