Spry Framework for Ajax tillåter webbdesigners att inkludera XML , JavaScript -kod eller HTML-data till webbsidor med Cascading Style Sheets , eller CSS , för visning av sidor utan att behöva fylla dem på varje användares begäran . Den består av Spry Effects för att lägga till animeringseffekter till menyer och navigering barer , Spry Data för databindning till HTML-kod och Spry Widgets ramverk för utveckling av widgets . Spry framework är inbyggd i Adobe Dreamweaver CS3 . Du måste redigera CSS -filen för att lägga till bilder i Spry menyn . Instruktioner
1
Klicka på "Start " -knappen i Windows och välj " Adobe Dreamweaver CS3 " från " Alla program " -menyn .
2
Välj " Files " panelen , och klicka på " SpryMenuBarHorizontalHorizontal.css " file
3
Lägg till följande kod efter " Spry.Widget.MenuBar " linje i " Design Information avsnitt " : .
ul # MenuBarHorizontal li {
background- image : URL ( bilder /itemgradient - hover.gif ) ;
}
ul # MenuBarHorizontal li a {
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 {
färg : # FFF ;
}
ul # MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover ,
ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {
färg : # 45CCFF ;
}
4
Klicka på " Files ", " Save" i Dreamweaver navigeringsfältet för att lägga till bakgrundsbilder till Spry menyn
< . br >
