Με τη δημιουργία εφέ κατάδειξης για κουμπιά φόρμας χρησιμοποιούν DHTML και CSS στο FrontPage

Μεταφράσεις άρθρων Μεταφράσεις άρθρων
Αναγν. άρθρου: 222949 - Δείτε τα προϊόντα στα οποία αναφέρεται το συγκεκριμένο άρθρο.
Ανάπτυξη όλων | Σύμπτυξη όλων

Περίληψη

Το FrontPage 2000 και το FrontPage 2002 περιέχει ένα πλούσιο σύνολο των επικαλυπτόμενων φύλλων στυλ (CSS) και δυναμικού HTML (DHTML) σύνταξης δυνατότητες που σας επιτρέπουν να δημιουργήσετε μια ποικιλία εφέ κατάδειξης. Αυτό το άρθρο περιγράφει μπορείτε να δημιουργήσετε κατάδειξης κουμπιού εφέ για κανονική μορφή κουμπιών πεδίων, χρησιμοποιώντας τα χαρακτηριστικά CSS και μορφοποίηση DHTML.

Περισσότερες πληροφορίες

Για να δημιουργήσετε κατάδειξης κουμπιού εφέ για τα κουμπιά πεδίου φόρμας, ακολουθήστε τα εξής βήματα:
  1. Δημιουργήστε μια νέα, κενή σελίδα.
  2. Στο διακομιστήINSERTμενού, σημείοMAPI, και κάντε κλικ στο κουμπίMAPI.
  3. Για να εφαρμόσετε την προεπιλεγμένη"Υποβολή"κουμπί χρώματα, ακολουθήστε τα εξής βήματα:

    1. Κάντε δεξιό κλικ στοΥποβολήκουμπί και κάντε κλικ στο κουμπίΙδιότητες πεδίου φόρμας.
    2. Κάντε κλικστυλ.
    3. Κάντε κλικΜορφή (Format), και στη συνέχειαπερίγραμμα.
    4. Κάντε κλικ στην καρτέλαΣκίασηTAB.
    5. Κάντε κλικ για να επιλέξετε ένα χρώμα από τοΧρώμα πρώτου πλάνουANDΧρώμα φόντουΛίστες.
    6. Κάντε κλικOkτρεις φορές για να επιστρέψετε στο έγγραφο.
  4. Για να εισαγάγετε χρώματα κατάδειξης DHTML, ακολουθήστε τα εξής βήματα:

    1. Κάντε κλικ στην καρτέλαΥποβολήτο κουμπί.
    2. Στο διακομιστήΜορφή (Format)μενού, κάντε κλικ στο κουμπίΔυναμικά εφέ HTML.
    3. ΣτοΣελίστα, κάντε κλικ για να επιλέξετεΠοντίκι επάνω.
    4. ΣτοΕφαρμογήλίστα, κάντε κλικ για να επιλέξετεΔιαμόρφωση.
    5. Κάντε κλικ στην επιλογήΕπιλογή περιγράμματοςαπό τη λίστα δεξιά από τοΕφαρμογήΛίστα (List).
    6. Κάντε κλικ στην καρτέλαΣκίασηTAB.
    7. Κάντε κλικ για να επιλέξετε ένα χρώμα από τοΧρώμα πρώτου πλάνουANDΧρώμα φόντουΛίστες.
    8. Κάντε κλικOk, και κλείστε τοΕφέ DHTMLΓραμμή εργαλείων.
  5. Για να μετακινήσετε τα χρώματα κατάδειξης το κουμπί "Υποβολή", ακολουθήστε τα εξής βήματα:

    1. Μεταβείτε σε προβολή HTML.
    2. Σε προβολή HTML, μετακινήστε τον ακόλουθο κώδικα από το<p></p>η ετικέτα για το να σας<input>ετικέτα:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      ΣΗΜΕΙΩΣΗ: Οι τιμές "χρώμα φόντου" και "χρώμα" μπορεί να διαφέρουν από εκείνα που εμφανίζονται στον προηγούμενο κώδικα.
  6. Εάν θέλετε, επαναλάβετε τα τελευταία λίγα βήματα για τηνresetτο κουμπί.
  7. Όταν ολοκληρώσετε τα προηγούμενα βήματα, ο κώδικας HTML ενδέχεται να μοιάζει με το ακόλουθο παράδειγμα κώδικα HTML:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. Αποθηκεύστε αυτήν τη σελίδα στην επιφάνεια εργασίας σας ως"HoverTest.htm"και να ελαχιστοποιήσετε το FrontPage.
  9. Θα παρατηρήσετε ότι το FrontPage θα αποθηκεύσει τα ακόλουθα δύο αρχεία στην επιφάνεια εργασίας σας:

    • HoverTest.htm.
    • Animate.js.
    Το πρώτο αρχείο είναι η σελίδα που δημιουργήσατε στα προηγούμενα βήματα, το δεύτερο αρχείο είναι μια συλλογή λειτουργιών DHTML, που θα χρησιμοποιηθεί από τη σελίδα.
  10. Άνοιγμα"HoverTest.htm"στον Internet Explorer 4.0 ή νεότερη έκδοση. Παρατηρήστε ότι καθώς μετακινείτε το ποντίκι σας πάνω από κάθε κουμπί, θα πρέπει να δείτε την αλλαγή χρώματος

Ιδιότητες

Αναγν. άρθρου: 222949 - Τελευταία αναθεώρηση: Κυριακή, 19 Δεκεμβρίου 2010 - Αναθεώρηση: 2.0
Οι πληροφορίες σε αυτό το άρθρο ισχύουν για:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Λέξεις-κλειδιά: 
kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtel
Μηχανικά μεταφρασμένο
ΣΗΜΑΝΤΙΚΟ: Αυτό το άρθρο είναι προϊόν λογισμικού μηχανικής μετάφρασης της Microsoft και όχι ανθρώπινης μετάφρασης. Η Microsoft σάς προσφέρει άρθρα που είναι προϊόντα ανθρώπινης αλλά και μηχανικής μετάφρασης έτσι ώστε να έχετε πρόσβαση σε όλα τα άρθρα της Γνωσιακής Βάσης μας στη δική σας γλώσσα. Ωστόσο, ένα άρθρο που έχει προκύψει από μηχανική μετάφραση δεν είναι πάντα άριστης ποιότητας. Ενδέχεται να περιέχει λεξιλογικά, συντακτικά ή γραμματικά λάθη, όπως ακριβώς τα λάθη που θα έκανε ένας μη φυσικός ομιλητής επιχειρώντας να μιλήσει τη γλώσσα σας. Η Microsoft δεν φέρει καμία ευθύνη για τυχόν ανακρίβειες, σφάλματα ή ζημίες που προκύψουν λόγω τυχόν παρερμηνειών στη μετάφραση του περιεχομένου ή χρήσης του από τους πελάτες της. Επίσης, η Microsoft πραγματοποιεί συχνά ενημερώσεις στο λογισμικό μηχανικής μετάφρασης.
Η αγγλική έκδοση αυτού του άρθρου είναι η ακόλουθη:222949

Αποστολή σχολίων

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com