Aanwijs effecten voor formulier knoppen met DHTML en CSS in Front Page maken

Vertaalde artikelen Vertaalde artikelen
Artikel ID: 222949 - Bekijk de producten waarop dit artikel van toepassing is.
Alles uitklappen | Alles samenvouwen

Samenvatting

Front Page 2000 en Front Page 2002 bevat een groot aantal trapsgewijze opmaakmodel (CSS) en Dynamic HTML (DHTML) mogelijkheden waarmee u kunt maken voor het ontwerpen diverse aanwijs effecten. Dit artikel beschrijft u kunt knop met aanwijs effect maken effecten voor normale formulier veld knoppen met behulp van DHTML en CSS-functies opmaak.

Meer informatie

Op de knop effecten voor formulierveld knoppen met aanwijs effect maken Volg deze stappen:
  1. Maak een nieuwe, lege pagina.
  2. Op deInvoegenhet menuFormulier, en klik opFormulier.
  3. Standaard toepassing "Verzenden"knop kleuren, als volgt:

    1. Rechter muis knop op deVerzendenknop en klikt u opEigenschappen van formulier velden.
    2. Klik opStijl.
    3. Klik opIndeling, en vervolgensRand.
    4. Klik op deArceringtabblad.
    5. Selecteer een kleur in hetVoorgrond kleurenAchtergrondkleurlijsten.
    6. Klik opOKdrie keer terug te keren naar het document.
  4. DHTML aanwijs kleuren wilt invoegen, gaat u als volgt te werk:

    1. Klik op deVerzendenknop.
    2. Op deIndelingmenu, klikt u opDynamic HTML-effecten.
    3. In deOplijst, schakel het selectie vakjeMuis.
    4. In deToepassinglijst, schakel het selectie vakjeOpmaak.
    5. Schakel het selectie vakjeRand kiezenKlik in de lijst rechts van deToepassinglijst.
    6. Klik op deArceringtabblad.
    7. Selecteer een kleur in hetVoorgrond kleurenAchtergrondkleurlijsten.
    8. Klik opOK, en sluit deDHTML-effectende werkbalk.
  5. Het aanwijs effect kleuren naar de knop verzenden, voert u de volgende stappen:

    1. Overschakelen naar de HTML-weergave.
    2. In HTML-weergave, verplaatst u de volgende code uit de<p></p>label om het aan uw<input>tag:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Opmerking: De waarden voor "background-color" en "kleur" kunnen anders zijn. die in de voorgaande code weer gegeven.
  6. Als u wilt, herhaalt u de laatste stappen voor hetOpnieuw instellenknop.
  7. Wanneer u de voorgaande stappen, de HTML-code hebt voltooid ziet er vergelijkbaar met de volgende HTML-codevoorbeeld:
       <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. Sla deze pagina op uw bureau blad als"HoverTest.htm"en minimaliseer Front Page.
  9. U zult merken dat Front Page de volgende twee opgeslagen bestanden op uw bureau blad:

    • HoverTest.htm.
    • Js.
    Het eerste bestand is de pagina die u hebt gemaakt in de vorige stappen, het tweede bestand is een verzameling DHTML-functies waarmee de pagina gebruik.
  10. Open"HoverTest.htm"in Internet Explorer 4. 0 of hoger. Als u verplaatsen uw muis over elke knop ziet u de kleur wijzigen

Eigenschappen

Artikel ID: 222949 - Laatste beoordeling: maandag 28 februari 2011 - Wijziging: 2.0
De informatie in dit artikel is van toepassing op:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Trefwoorden: 
kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtnl
Automatisch vertaald artikel
BELANGRIJK: Dit artikel is vertaald door de vertaalmachine software van Microsoft in plaats van door een professionele vertaler. Microsoft biedt u professioneel vertaalde artikelen en artikelen vertaald door de vertaalmachine, zodat u toegang heeft tot al onze knowledge base artikelen in uw eigen taal. Artikelen vertaald door de vertaalmachine zijn niet altijd perfect vertaald. Deze artikelen kunnen fouten bevatten in de vocabulaire, zinsopbouw en grammatica en kunnen lijken op hoe een anderstalige de taal spreekt en schrijft. Microsoft is niet verantwoordelijk voor onnauwkeurigheden, fouten en schade ontstaan door een incorrecte vertaling van de content of het gebruik ervan door onze klanten. Microsoft past continue de kwaliteit van de vertaalmachine software aan door deze te updaten.
De Engelstalige versie van dit artikel is de volgende:222949

Geef ons feedback

 

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