Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ

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

Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ
Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ

Βίντεο: Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ

Βίντεο: Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ
Βίντεο: Πως να φτιάξετε την δικιά σας εικόνα/logo για το Youtube! 2024, Νοέμβριος
Anonim

Κατά τη δημιουργία του δικού σας ιστότοπου, θα πρέπει να αναπτύξετε στοιχεία ελέγχου όπως: στοιχεία μενού, κουμπιά για πλοήγηση στις σελίδες. Ένα κουμπί με δυνατότητα κλικ είναι ένα στοιχείο που, όταν το ποντίκι αιωρείται πάνω του, αλλάζει την εμφάνισή του, γίνεται "πιεσμένο προς τα κάτω", δηλαδή προσομοιώνει την πίεση.

Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ
Πώς να φτιάξετε ένα κουμπί με δυνατότητα κλικ

Απαραίτητη

Λογισμικό Dreamweaver

Οδηγίες

Βήμα 1

Εκκινήστε το Dreamweaver για να κάνετε το κουμπί να αναβοσβήνει. Δημιουργήστε μια νέα ιστοσελίδα, αποθηκεύστε την. Για να δημιουργήσετε ένα κουμπί με δυνατότητα κλικ στο Flash, χρησιμοποιήστε τη σελίδα πολυμέσων στον Πίνακα αντικειμένων και από εκεί, το κουμπί Flash. Εδώ μπορείτε να επιλέξετε ένα στυλ για το κουμπί - για αυτό χρησιμοποιήστε το παράθυρο προεπισκόπησης, το οποίο βρίσκεται πάνω από τη λίστα των στυλ. Στη συνέχεια, εισαγάγετε το κείμενο που θα εμφανίζεται στο κουμπί στο πεδίο Κείμενο κουμπιού. Δείτε το αποτέλεσμα χρησιμοποιώντας το κουμπί Αναπαραγωγή.

Βήμα 2

Χρησιμοποιήστε τη γλώσσα δέσμης ενεργειών Java για να δημιουργήσετε κουμπιά με δυνατότητα κλικ. Δημιουργήστε τρεις εικόνες, μία για το κουμπί σε κατάσταση ηρεμίας και μία για την εμφάνιση του κουμπιού. Στη συνέχεια, ανοίξτε το αρχείο html της ιστοσελίδας με το σημειωματάριο και προσθέστε το ακόλουθο κείμενο στο πεδίο Σώματος. στην επόμενη γραμμή εισάγετε εάν (parseInt (navigator.appVersion)> = 3) >

Βήμα 3

Στη συνέχεια, εισαγάγετε εάν (συμβατό) {I1 = νέα εικόνα; στη συνέχεια καθορίστε τις διαδρομές στα αρχεία εικόνας I1.src = "εισαγάγετε τη διαδρομή προς την εικόνα κουμπιού σε κανονική λειτουργία"; I1_1.src = "εισαγάγετε τη διαδρομή προς την εικόνα του κουμπιού όταν τοποθετείτε τον δείκτη του ποντικιού πάνω από αυτό"; μετά εισαγάγετε τη συνάρτηση κειμένου SetImg (Όνομα, Img); {if (compat) document.images "εισαγάγετε συνδέσμους και στις δύο εικόνες".src = eval (Img + '. src'); } και μετά εισαγάγετε την ετικέτα κλεισίματος.

Βήμα 4

Μεταβείτε στον κωδικό της σελίδας στο σημείο όπου θέλετε να προσθέσετε το κουμπί, εισαγάγετε τον ακόλουθο κωδικό εκεί:

Κείμενο
Κείμενο

… Αποθηκεύστε τις αλλαγές σας και ανοίξτε τη σελίδα σε ένα πρόγραμμα περιήγησης για να δείτε το αποτέλεσμα.

Συνιστάται: