Het Spry-framework voor Ajax stelt website-ontwerpers om XML- , JavaScript-code of HTML-gegevens op te nemen in webpagina's met behulp van Cascading Style Sheets , of CSS , voor het weergeven van de pagina's zonder dat ze opnieuw bij elk verzoek van de gebruiker . Het bestaat uit het Spry- effecten voor het toevoegen van animatie-effecten op de menu's en navigatiebalken , Spry Gegevens voor data binding aan HTML-opmaak en Spry Widgets kader voor de ontwikkeling van widgets . Het Spry-framework is ingebouwd in Adobe Dreamweaver CS3 . Je nodig hebt om het CSS- bestand te bewerken om foto's toe te voegen aan het Spry -menu . Instructies
1 Klik op de knop "Start " in Windows , en selecteer " Adobe Dreamweaver CS3 " uit het menu " Alle Programma's" . Kopen van 2 Selecteer de " Files " paneel , en klik op de " SpryMenuBarHorizontalHorizontal.css " file
3 Voeg de volgende code na de " Spry.Widget.MenuBar " lijn in de "Design Sectie Informatie " : . < br > ul # MenuBarHorizontal li { background-image
: URL ( images /itemgradient - hover.gif ) ;
} ul # MenuBarHorizontal li
een { < br kleur > : # FFF ;
} ul # MenuBarHorizontal li li
{ background-image
: URL ( images /itemgradient.gif ) ; < br > } ul # MenuBarHorizontal li li a
{ kleur
: # 000 ; } ul # MenuBarHorizontal li li li { <
br > background-image : URL ( images /itemgradient - hover.gif ) ;
} ul # MenuBarHorizontal li li li a
{ kleur
: # FFF ; } ul
# MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover , ul beelden # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible { kleur
: # 45CCFF ;
}
4 Klik op de " Files ", " Opslaan" op de Dreamweaver navigatiebalk om achtergrondafbeeldingen toe te voegen aan het Spry -menu
< . br >
|
