Den Spry rammer for Ajax giver website designere til at omfatte XML, JavaScript-kode eller HTML-data i web- sider ved hjælp af Cascading Style Sheets , eller CSS , til visning af sider uden at genindlæse dem på hver bruger anmodning. Den består af de Spry effekter til at tilføje animationseffekter til menuerne og navigation barer , Spry Data for databinding til HTML markup og Spry Widgets ramme for udviklingen af widgets. Den Spry rammer er indbygget i Adobe Dreamweaver CS3. Du er nødt til at redigere CSS-fil til at tilføje billeder til Spry menu. Instruktioner
1
Klik på " Start" knappen i Windows , og vælg "Adobe Dreamweaver CS3 " fra " Alle programmer " menuen.
2
Vælg "Filer " panel , og klik på " SpryMenuBarHorizontalHorizontal.css " fil
3
Føj følgende kode efter " Spry.Widget.MenuBar " linie i "Design Information Section" : . < br >
ul # MenuBarHorizontal li {
background- image: URL ( billeder /itemgradient - hover.gif )
}
ul # MenuBarHorizontal li a { < br >
color: # FFF ;
}
ul # MenuBarHorizontal li li {
background- image: URL ( billeder /itemgradient.gif ) < br >
}
ul # MenuBarHorizontal li li a {
color: # 000 ;
}
ul # MenuBarHorizontal li li li { < br >
background- image: URL ( billeder /itemgradient - hover.gif )
}
ul # MenuBarHorizontal li li li a {
color: # FFF ;
}
ul # MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover , salg
ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {
farve: # 45CCFF ;
}
4
Klik på "Filer ", " Gem " i Dreamweaver navigationslinjen for at tilføje baggrundsbilleder til Spry menu
< . br >