Come creare effetti al passaggio del mouse per pulsanti del modulo utilizza DHTML e CSS in FrontPage

Traduzione articoli Traduzione articoli
Identificativo articolo: 222949 - Visualizza i prodotti a cui si riferisce l?articolo.
Espandi tutto | Chiudi tutto

Sommario

FrontPage 2000 e FrontPage 2002 includono a questo tipo di un set RTF di CSS (Cascading Style Sheet) e HTML dinamico (DHTML) modifica di funzionalità che consentono di creare un'ampia gamma di effetti al passaggio del mouse. In questo articolo viene descritto è possibile creare al passaggio del pulsante effetti per i pulsanti campo del modulo regolare utilizzando funzionalità CSS e DHTML formattazione.

Informazioni

Per creare attivato al passaggio del mouse di pulsante effetti per i pulsanti campo modulo, attenersi alla seguente procedura:
  1. Creare una nuova pagina vuota.
  2. Scegliere modulo dal menu Inserisci e fare clic su modulo .
  3. Per applicare colori predefiniti del pulsante " Invia ", attenersi alla seguente procedura:

    1. Fare clic con il pulsante Invia destro del mouse su e fare clic su Proprietà campo modulo .
    2. Fare clic su stile .
    3. Fare clic su formato e quindi il bordo .
    4. Fare clic sulla scheda sfondo .
    5. Fare clic per selezionare un colore negli elenchi di colore di sfondo e colore di primo piano .
    6. Scegliere OK tre volte per tornare al documento.
  4. Per inserire i colori DHTML attivato al passaggio del mouse, attenersi alla seguente procedura:

    1. Fare clic sul pulsante Invia .
    2. Dal menu formato , scegliere Effetti DHTML .
    3. Nell'elenco in , fare clic per selezionare il Mouse .
    4. Nell'elenco Applica fare clic per selezionare la formattazione .
    5. Fare clic per selezionare Scegliere bordo nell'elenco a destra dell'elenco applicare .
    6. Fare clic sulla scheda sfondo .
    7. Fare clic per selezionare un colore negli elenchi di colore di sfondo e colore di primo piano .
    8. Fare clic su OK e chiudere la barra degli strumenti Effetti DHTML .
  5. Per spostare i colori attivato al passaggio del mouse sul pulsante Invia, attenersi alla seguente procedura:

    1. Passare alla visualizzazione HTML.
    2. In visualizzazione HTML, spostare il codice riportato di seguito dal <p> tag per il per il <input> tag:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Nota : I valori per "sfondo" e "color" potrebbero essere differenti da quelli visualizzati nel codice precedente.
  6. Se si desidera, ripetere i passaggi di alcuni l'ultimo per il pulsante Reimposta .
  7. Dopo aver completato i passaggi precedenti, il codice HTML potrebbe essere simile a nell'esempio di codice HTML riportato di seguito vengono:
       <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. Salvare la pagina sul desktop come " HoverTest.htm " e ridurre al minimo di FrontPage.
  9. Si noterà che FrontPage salvati i seguenti due file desktop:

    • HoverTest.htm.
    • Animate.js.
    Il primo file è la pagina creata nei passaggi precedenti, il secondo file è un insieme di funzioni DHTML, che verrà utilizzata la pagina.
  10. Consente di aprire " HoverTest.htm " in Internet Explorer 4.0 o versioni successive. Si noti che quando si sposta il puntatore del mouse su ogni pulsante, verrà visualizzato il colore, modificare

Proprietà

Identificativo articolo: 222949 - Ultima modifica: mercoledì 24 gennaio 2007 - Revisione: 1.3
Le informazioni in questo articolo si applicano a:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Chiavi: 
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtit
Traduzione automatica articoli
Il presente articolo è stato tradotto tramite il software di traduzione automatica di Microsoft e non da una persona. Microsoft offre sia articoli tradotti da persone fisiche sia articoli tradotti automaticamente da un software, in modo da rendere disponibili tutti gli articoli presenti nella nostra Knowledge Base nella lingua madre dell?utente. Tuttavia, un articolo tradotto in modo automatico non è sempre perfetto. Potrebbe contenere errori di sintassi, di grammatica o di utilizzo dei vocaboli, più o meno allo stesso modo di come una persona straniera potrebbe commettere degli errori parlando una lingua che non è la sua. Microsoft non è responsabile di alcuna imprecisione, errore o danno cagionato da qualsiasi traduzione non corretta dei contenuti o dell?utilizzo degli stessi fatto dai propri clienti. Microsoft, inoltre, aggiorna frequentemente il software di traduzione automatica.
Clicca qui per visualizzare la versione originale in inglese dell?articolo: 222949
LE INFORMAZIONI CONTENUTE NELLA MICROSOFT KNOWLEDGE BASE SONO FORNITE SENZA GARANZIA DI ALCUN TIPO, IMPLICITA OD ESPLICITA, COMPRESA QUELLA RIGUARDO ALLA COMMERCIALIZZAZIONE E/O COMPATIBILITA' IN IMPIEGHI PARTICOLARI. L'UTENTE SI ASSUME L'INTERA RESPONSABILITA' PER L'UTILIZZO DI QUESTE INFORMAZIONI. IN NESSUN CASO MICROSOFT CORPORATION E I SUOI FORNITORI SI RENDONO RESPONSABILI PER DANNI DIRETTI, INDIRETTI O ACCIDENTALI CHE POSSANO PROVOCARE PERDITA DI DENARO O DI DATI, ANCHE SE MICROSOFT O I SUOI FORNITORI FOSSERO STATI AVVISATI. IL DOCUMENTO PUO' ESSERE COPIATO E DISTRIBUITO ALLE SEGUENTI CONDIZIONI: 1) IL TESTO DEVE ESSERE COPIATO INTEGRALMENTE E TUTTE LE PAGINE DEVONO ESSERE INCLUSE. 2) I PROGRAMMI SE PRESENTI, DEVONO ESSERE COPIATI SENZA MODIFICHE, 3) IL DOCUMENTO DEVE ESSERE DISTRIBUITO INTERAMENTE IN OGNI SUA PARTE. 4) IL DOCUMENTO NON PUO' ESSERE DISTRIBUITO A SCOPO DI LUCRO.

Invia suggerimenti

 

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