Como criar efeitos de apontar para botões de formulário utilizando DHTML e CSS no FrontPage

Traduções de Artigos Traduções de Artigos
Artigo: 222949 - Ver produtos para os quais este artigo se aplica.
Expandir tudo | Reduzir tudo

Sumário

FrontPage 2000 e FrontPage 2002 contêm um vasto conjunto de folha de estilos em cascata (CSS) e HTML dinâmico (DHTML) criação capacidades que lhe permitem criar uma variedade de efeitos sensível ao rato. Este artigo descreve pode criar sensível ao rato botão efeitos para botões de campo de formulário normal utilizando as funcionalidades CSS e formatação de DHTML.

Mais Informação

Para criar sensível ao rato botão efeitos para botões de campo de formulário, siga estes passos:
  1. Crie uma nova página em branco.
  2. No menu Inserir , aponte para o formulário e faça clique sobre formulário .
  3. Para aplicar cores do botão " Submeter " predefinido, siga estes passos:

    1. Clique com o botão Submeter direito do rato e clique em Propriedades de campo do formulário .
    2. Faça clique sobre estilo .
    3. Clique em Formatar e, em seguida, limite .
    4. Clique no separador sombreado .
    5. Clique para seleccionar uma cor nas listas de cor de fundo e cores de primeiro plano .
    6. Clique em OK três vezes para regressar ao documento.
  4. Para inserir DHTML sensível ao rato cores, siga estes passos:

    1. Clique no botão Submeter .
    2. No menu Formatar , clique em Efeitos de Dynamic HTML .
    3. Na lista em , clique para seleccionar Através de rato .
    4. Na lista Aplicar , clique para seleccionar formatação .
    5. Clique para seleccionar Escolher limite na lista à direita da lista a Aplicar .
    6. Clique no separador sombreado .
    7. Clique para seleccionar uma cor nas listas de cor de fundo e cores de primeiro plano .
    8. Clique em OK e feche a barra de ferramentas Efeitos DHTML .
  5. Para mover as cores de apontar para o botão Submeter, siga estes passos:

    1. Mude para vista de HTML.
    2. Na vista HTML, mover o seguinte código do <p> código para o para o <input> tag:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Nota : os valores para "cor de fundo" e "cor" podem ser diferentes dos mostrados no código anterior.
  6. Se pretender, repita os passos alguns últimos para o botão Repor .
  7. Quando tiver terminado os passos anteriores, o código HTML poderá ser semelhante ao seguinte exemplo de código 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. Guarde esta página para o ambiente de trabalho como " HoverTest.htm " e minimizar o FrontPage.
  9. Irá reparar que o FrontPage guardadas os seguintes dois ficheiros do ambiente de trabalho:

    • HoverTest.htm.
    • Animate.js.
    O primeiro ficheiro é a página que criou nos passos anteriores, o segundo ficheiro é um conjunto de funções DHTML que irá utilizar a página.
  10. Abra " HoverTest.htm " no Internet Explorer 4.0 ou posterior. Repare que à medida que move o rato sobre cada botão, deverá ver a cor, alterar

Propriedades

Artigo: 222949 - Última revisão: 24 de janeiro de 2007 - Revisão: 1.3
A informação contida neste artigo aplica-se a:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Palavras-chave: 
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtpt
Tradução automática
IMPORTANTE: Este artigo foi traduzido por um sistema de tradução automática (também designado por Machine translation ou MT), não tendo sido portanto revisto ou traduzido por humanos. A Microsoft tem artigos traduzidos por aplicações (MT) e artigos traduzidos por tradutores profissionais. O objectivo é simples: oferecer em Português a totalidade dos artigos existentes na base de dados do suporte. Sabemos no entanto que a tradução automática não é sempre perfeita. Esta pode conter erros de vocabulário, sintaxe ou gramática? erros semelhantes aos que um estrangeiro realiza ao falar em Português. A Microsoft não é responsável por incoerências, erros ou estragos realizados na sequência da utilização dos artigos MT por parte dos nossos clientes. A Microsoft realiza actualizações frequentes ao software de tradução automática (MT). Obrigado.
Clique aqui para ver a versão em Inglês deste artigo: 222949

Submeter comentários

 

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