The Spry rammeverket for Ajax lar webdesignere å inkludere XML , JavaScript -kode eller HTML-data til websider ved hjelp av Cascading Style Sheets , eller CSS , for visning av sider uten å legge dem på hver bruker forespørsel. Det består av Spry Effects for å legge animasjonseffekter til menyer og navigasjon barer , Spry Data for data binding til HTML markup og Spry Widgets rammeverk for utvikling av widgets. Spry rammeverket er bygget inn i Adobe Dreamweaver CS3 . Du må redigere CSS -fil for å legge til bilder i Spry menyen . Instruksjoner
en
Klikk på "Start "-knappen i Windows , og velg " Adobe Dreamweaver CS3 " fra " Alle programmer "-menyen .
2
Velg " Files" panel , og klikk på " SpryMenuBarHorizontalHorizontal.css " file
3
Legg til følgende kode etter " Spry.Widget.MenuBar "-linjen i " Design Information Section" : .
ul # MenuBarHorizontal li {
background- image : url ( bilder /itemgradient - hover.gif ) ;
}
ul # MenuBarHorizontal li en {
color: # FFF ;
}
ul # MenuBarHorizontal li li {
background- image : url ( bilder /itemgradient.gif ) ;
}
ul # MenuBarHorizontal li li a {
color: # 000 ;
}
ul # MenuBarHorizontal li li li {
background- image : url ( bilder /itemgradient - hover.gif ) ;
}
ul # MenuBarHorizontal li li li a {
color: # FFF ;
}
ul # MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover , etter
ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {
farge: # 45CCFF ;
}
4
Klikk på " Files ", " Lagre " på Dreamweaver navigasjonsfeltet for å legge til bakgrunnsbilder til Spry menyen
< . br >
