Como criar efeitos de foco para botões de formulário usando CSS e DHTML do FrontPage

Traduções deste artigo Traduções deste artigo
ID do artigo: 222949 - Exibir os produtos aos quais esse artigo se aplica.
Expandir tudo | Recolher tudo

Sumário

FrontPage 2000 e FrontPage 2002 contêm um conjunto avançado de HTML dinâmico (DHTML) e CSS (folha de estilos em cascata) criação recursos que permitem que você crie uma variedade de efeitos em foco. Este artigo descreve você pode criar em foco botão efeitos para botões de campo de formulário normal usando os recursos CSS e DHTML formatação.

Mais Informações

Para criar em foco efeitos de botão para botões de campo de formulário, siga estas etapas:
  1. Crie uma nova página em branco.
  2. No menu Inserir , aponte para formulário e clique em formulário .
  3. Para aplicar cores padrão do botão " Enviar ", execute essas etapas:

    1. Clique com o botão Enviar direito do mouse e clique em Propriedades de campo do formulário .
    2. Clique em estilo .
    3. Clique em Formatar e, em seguida borda .
    4. Clique na guia sombreamento .
    5. Clique para selecionar uma cor nas listas cor de plano de fundo e cor do primeiro plano .
    6. Clique em OK três vezes para retornar ao documento.
  4. Para inserir as cores do DHTML em foco, execute essas etapas:

    1. Clique no botão Enviar .
    2. No menu Formatar , clique em Efeitos de HTML dinâmico .
    3. Na lista em , clique para selecionar Selecionar sem o mouse .
    4. Na lista Aplicar , clique para selecionar formatação .
    5. Clique para selecionar Borda escolher na lista à direita da lista Aplicar .
    6. Clique na guia sombreamento .
    7. Clique para selecionar uma cor nas listas cor de plano de fundo e cor do primeiro plano .
    8. Clique em OK e feche a barra de ferramentas Efeitos DHTML .
  5. Para mover as cores em foco para o botão Enviar, execute estas etapas:

    1. Alternar para o modo de exibição em HTML.
    2. No modo de exibição de HTML, mova o código seguinte do <p> marca para o para seu <input> marca:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Observação : os valores de "background-color" e "cor" podem ser diferentes daquelas mostrado no código anterior.
  6. Se desejar, repita as etapas alguns últimos para o botão Redefinir .
  7. Quando você tiver concluído as etapas anteriores, o código HTML pode 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. Salvar esta página para a área de trabalho como " HoverTest.htm " e minimizar o FrontPage.
  9. Você irá notar que o FrontPage salva os dois seguintes arquivos em sua área de trabalho:

    • HoverTest.htm.
    • Animate.js.
    O primeiro arquivo é a página que você criou nas etapas anteriores, o segundo arquivo é uma coleção de funções DHTML que a página usará.
  10. Abra " HoverTest.htm " no Internet Explorer 4.0 ou posterior. Observe que enquanto você move o mouse sobre cada botão, você deverá ver a cor, alterar

Propriedades

ID do artigo: 222949 - Última revisão: quarta-feira, 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 traduzido ou revisto por pessoas. A Microsoft possui artigos traduzidos por aplicações (MT) e artigos traduzidos por tradutores profissionais, com o objetivo de oferecer em português a totalidade dos artigos existentes na base de dados de suporte. No entanto, a tradução automática não é sempre perfeita, podendo conter erros de vocabulário, sintaxe ou gramática. A Microsoft não é responsável por incoerências, erros ou prejuízos ocorridos em decorrência da utilização dos artigos MT por parte dos nossos clientes. A Microsoft realiza atualizações freqüentes 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