Vytvoření efektů přechodu tlačítka formuláře pomocí jazyka DHTML a CSS v aplikaci FrontPage

Překlady článku Překlady článku
ID článku: 222949 - Produkty, které se vztahují k tomuto článku.
Rozbalit všechny záložky | Minimalizovat všechny záložky

Souhrn

Aplikace FrontPage 2000 a aplikaci FrontPage 2002 obsahují bohatou sadu kaskádové šablony stylů (CSS) a Dynamic HTML (DHTML) možnosti, které umožňují vytvářet vytváření různé efekty přechodu. Tento článek popisuje, které můžete vytvořit tlačítko s efektem přechodu účinky na normální formuláře tlačítka polí pomocí funkce CSS a DHTML formátování.

Další informace

Vytvoření přechodu tlačítko efekty pro tlačítka, pole formuláře postupujte takto:
  1. Vytvoří novou, prázdnou stránku.
  2. V Vložit příkaz Formulářa klepněte na tlačítko Formulář.
  3. Použít výchozí "Odeslat"tlačítko barvy, postupujte takto:

    1. Klepněte pravým tlačítkem myši Odeslat a klepněte na tlačítko Vlastnosti pole formuláře.
    2. Klepněte na tlačítko Styl.
    3. Klepněte na tlačítko Formáta pak Ohraničení.
    4. Klepněte Stínování na kartě.
    5. Klepnutím vyberte barvu v Barva popředí a Barva pozadí seznamy.
    6. Klepněte na tlačítko OK třikrát se vrátíte do dokumentu.
  4. Chcete-li vložit DHTML při přechodu barev, postupujte takto:

    1. Klepněte Odeslat tlačítko.
    2. V Formát nabídky, klepněte na tlačítko Efekty Dynamic HTML.
    3. V Na Vyberte položku Umístění ukazatele myši.
    4. V Použít Vyberte položku Formátování.
    5. Klepnutím vyberte Zvolte ohraničení. v seznamu napravo od Použít seznam.
    6. Klepněte Stínování na kartě.
    7. Klepnutím vyberte barvu v Barva popředí a Barva pozadí seznamy.
    8. Klepněte na tlačítko OKa zavřete Efekty Dynamic HTML na panelu nástrojů.
  5. Chcete-li přesunout barvy přechodu na tlačítko Odeslat, postupujte kroky:

    1. Přepněte do zobrazení HTML.
    2. V zobrazení HTML přesunout z následujícího kódu <p></p> značky na k vaší <input> značka:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Poznámka:: Mohou lišit hodnoty pro "pozadí" a "barev" jsou uvedeny v předcházejícím kódu.
  6. Pokud chcete, opakujte poslední několika kroky pro Obnovit tlačítko.
  7. Po dokončení předchozích kroků, kód HTML může vypadat podobně jako v následujícím příkladu kódu 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. Tuto stránku uložit na plochu jako"HoverTest.htm"a minimalizovat aplikaci FrontPage.
  9. Zjistíte, že aplikace FrontPage uloženy následující dvě soubory na plochu:

    • HoverTest.htm.
    • Animate.js.
    První soubor je na stránce, které jste vytvořili v předchozím kroky, druhý soubor je sada funkcí DHTML, které bude na stránce Používejte.
  10. Otevřít"HoverTest.htm"v aplikaci Internet Explorer 4.0 nebo vyšší. Všimněte si, že při přesunu do Myš nad každé tlačítko, měli byste vidět změnit barvu

Vlastnosti

ID článku: 222949 - Poslední aktualizace: 26. dubna 2011 - Revize: 3.0
Informace v tomto článku jsou určeny pro produkt:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Klíčová slova: 
kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtcs
Strojově přeložený článek
Důležité: Tento článek byl přeložen pomocí software společnosti Microsoft na strojový překlad, ne profesionálním překladatelem. Společnost Microsoft nabízí jak články přeložené překladatelem, tak články přeložené pomocí software na strojový překlad, takže všechny články ve Znalostní databázi (Knowledge Base) jsou dostupné v češtině. Překlad pomocí software na strojový překlad ale není bohužel vždy dokonalý. Obsahuje chyby ve skloňování slov, skladbě vět, nebo gramatice, podobně jako když cizinci dělají chyby při mluvení v češtině. Společnost Microsoft není právně zodpovědná za nepřesnosti, chyby nebo škody vzniklé chybami v překladu, nebo při použití nepřesně přeložených instrukcí v článku zákazníkem. Společnost Microsoft aktualizuje software na strojový překlad, aby byl počet chyb omezen na minimum.
Projděte si také anglickou verzi článku:222949

Dejte nám zpětnou vazbu

 

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