Video: Dreamweaver CS5 Spry, AP Divs Swap Image Mapping Behaviors 2025
Hvis du vil legge til kule effekter og seriøs interaktivitet, kan du bruke den innebygde Adobe Creative Suite 5 Adobe CS5) Dreamweaver beh a viorer, en samling ferdige skript som du kan søke om bokser, skjemaelementer, tekst og bilder på en side. Brukes med bokser (AP Divs), kan adferd forbedre dem med spesielle effekter eller musekonflikt (for eksempel klikk og rollover) for å gjøre siden mer spennende.
Behavior panelet har en helt ny sett med effekter, for eksempel Fade / Vis, Krymp, Marker, Slide og mer - alt dette kan du søke på AP Divs du lager.
-
Velg Vindu → Behaviors for å åpne panelet Behaviors.
-
Velg en boks ved å bruke panelet AP Elements eller velg en boks direkte på scenen.
-
I betjeningspanelet klikker du på plustegnet.
Menyen med tilgjengelige oppføringer vises.
-
Fra menyen, velg hvilken oppførsel du vil bruke.
For eksempel, for å bruke en fade-effekt, velg Effekter → Vis / Fade. Dialogboksen Vis / Skjul vises.
Legg til en kul Utseende / Fade-effekt på en DIV på siden din. "> Legg til en kul Utseende / Fade-effekt på en DIV på siden din. -
Kontroller at effekten er satt til Fade og velg avkryssingsboksen Slå effekt for å forsikre deg om at boksen vises på nytt når den klikkes på en gang. Klikk deretter OK.
Oppførelsen er lagt til i listen. Uttrykket påKlikk til venstre angir at denne handlingen skjer når boksen klikkes.
-
Velg Arkiv → Lagre for å lagre siden.
For å se effekten i handling, forhåndsvisning av siden i en nettleser.
-
Velg Fil → Forhåndsvisning i nettleser og velg en nettleser for å starte siden.
Når du tester siden, klikker du på boksen det forsvinner eller dukker opp igjen - mye moro for deg og svært interaktivt for brukere!
Hvis nettleseren din begrenser nettsiden fra å kjøre skript eller ActiveX-kontroller, klikker du meldingen øverst i nettleservinduet og velger Tillat blokkert innhold på riktig måte å teste den nye oppførselen.
Når virkningsoppførsel brukes, må Dreamweaver kopiere til ditt lokale nettsted flere filer som gjør effektene mulige.
