Ako vytvoriť hover efekty pre tlačidlá formulára pomocou DHTML a CSS v programe FrontPage

Preklady článku Preklady článku
ID článku: 222949 - Zobraziť produkty, ktorých sa tento článok týka.
Rozbaliť všetko | Zbaliť všetko

SUHRN

FrontPage 2000 a FrontPage 2002 obsahujú bohatá sada kaskádových štýlov (CSS) a DHTML (Dynamic HTML) authoring spôsobilostí, ktoré vám umožňujú vytvárať rôzne hover efekty. Tento článok popisuje si môžete vytvoriť hover tlačidlo účinky na pravidelné tvoria tlačidlá polí pomocou CSS vlastnosti a DHTML formátovanie.

DALSIE INFORMACIE

Vytvoriť hover tlačidlo účinky pre pole formulára tlačidlá, postupujte nasledovne:
  1. Vytvoriť novú, prázdnu stránku.
  2. Na Vložiť ponuku, ukážte na Formulár, a kliknite na tlačidlo Formulár.
  3. Použiť predvolené "Odoslať"tlačidlo farby, postupujte nasledovne:

    1. Kliknite pravým tlačidlom myši Odoslať tlačidlo a kliknite na tlačidlo Vlastnosti poľa formulára.
    2. Kliknite na položku Štýl.
    3. Kliknite na položku Formátovanie, a potom Orámovanie.
    4. Kliknite na Podfarbenie kartu.
    5. Kliknutím vyberte farbu v Farba popredia a Farba pozadia zoznamy.
    6. Kliknite na položku ok trikrát sa vrátiť k dokumentu.
  4. Ak chcete vložiť DHTML hover farby, postupujte nasledovne:

    1. Kliknite na Odoslať tlačidlo.
    2. Na Formátovanie ponuky, kliknite na tlačidlo Dynamické HTML efekty.
    3. V Na zozname, kliknutím vyberte možnosť Myš nad.
    4. V Uplatňovať zozname, kliknutím vyberte možnosť Formátovanie.
    5. Kliknutím vyberte Vybrať hraníc v zozname vpravo od Uplatňovať zoznam.
    6. Kliknite na Podfarbenie kartu.
    7. Kliknutím vyberte farbu v Farba popredia a Farba pozadia zoznamy.
    8. Kliknite na položku ok, a zatvorte DHTML účinky panel s nástrojmi.
  5. Chcete premiestniť hover farby na tlačidle Odoslať, postupujte podľa týchto kroky:

    1. Prepnite do zobrazenia HTML.
    2. V HTML zobrazenie posunúť o nasledujúci kód z <p></p> Tag na na vaše <input> Tag:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Poznámka:: Hodnoty "Farba pozadia" a "farbu" môže byť odlišná od tých, ktoré sú uvedené v predchádzajúci kód.
  6. Ak chcete, opakujte posledných pár krokov pre Vynulovanie tlačidlo.
  7. Keď ste dokončili predchádzajúcich krokov, váš HTML kód môžu vyzerať podobne ako v nasledovnom príklade HTML kód:
       <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. Uložiť túto stránku na pracovnú plochu ako"HoverTest.htm"a minimalizovať FrontPage.
  9. Si všimnete, že FrontPage uložené nasledujúce dva súbory na pracovnú plochu:

    • HoverTest.htm.
    • Animate.js.
    Prvý súbor je stránka ste vytvorili v predchádzajúcich kroky, druhý súbor je kolekcia DHTML funkcií, ktoré stránky bude použitie.
  10. Otvorené"HoverTest.htm"Internet Explorer 4.0 alebo novší. Všimnite si, že ako ste pohybovať vaše myš nad každé tlačidlo, mali by ste vidieť farbu zmeniť

Vlastnosti

ID článku: 222949 - Posledná kontrola: 21. októbra 2011 - Revízia: 2.0
Informácie v tomto článku sa týkajú nasledujúcich produktov:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Kľúčové slová: 
kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtsk
Strojovo preložené
DÔLEŽITÉ: Tento článok bol preložený pomocou softvéru na strojový preklad od spoločnosti Microsoft, nie prekladateľom. Spoločnosť Microsoft ponúka články preložené prekladateľmi aj strojovo preložené články, vďaka čomu máte možnosť prístupu ku všetkým článkom databázy Knowledge Base vo svojom jazyku. Strojovo preložený článok však nie je vždy perfektný. Môže obsahovať chyby týkajúce sa slovnej zásoby, syntaxe alebo gramatiky, podobne ako cudzinec môže robiť chyby, keď rozpráva vašim jazykom. Spoločnosť Microsoft nenesie zodpovednosť za akékoľvek nepresnosti, chyby alebo škody spôsobené akýmkoľvek nepresným prekladom obsahu alebo jeho použitím zo strany zákazníkov. Spoločnosť Microsoft softvér na strojový preklad pravidelne aktualizuje.
Pokiaľ chcete vidieť anglickú verziu článku, kliknite sem:222949

Odošlite odozvu

 

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