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

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
Dit artikel is gearchiveerd. Het wordt aangeboden in de huidige vorm en wordt niet meer bijgewerkt.
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
voorpagina dhtml html css

Waarschuwing: dit artikel is automatisch vertaald

Eigenschappen

Artikel-id: 222949 - Laatst bijgewerkt: 12/05/2015 13:29:05 - Revisie: 2.0

Microsoft FrontPage 2000 Standard Edition, Microsoft FrontPage 2002 Standard Edition

  • kbnosurvey kbarchive kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto kbmt KB222949 KbMtnl
Feedback