Video: SVG Line Animation Tutorial with CSS & Other Fun Stuff 2024
CSS3-utviklingspakken på jQuery inneholder mye nyttig materiale. En av de første brikkene du bør se på, er innholdet i mappen Development-bundledemos, som inneholder eksempler på hvordan du bruker de ulike jQuery UI-funksjonene med temaet ditt.
Dessverre bruker ingen av disse eksemplene faktisk temaet du opprettet, med mindre du endrer dem til å gjøre det. For eksempel, de egendefinerte ikonene. html-eksempel i mappen development-bundledemosaccordion viser hvordan du utfører denne oppgaven, men bruker ikke temaet ditt som standard.
Heldigvis er det enkelt å endre eksemplet slik at det vises med temaet på plass. Følgende fremgangsmåte forteller deg hvordan du endrer egendefinerte ikoner. html eksempel - andre eksempler følger samme mønster.
-
Fjern eksisterende jQuery-, jQuery-brukergrensesnitt og stilkoder.
Du må fjerne de generelle kodene som vises her for dette eksemplet.
-
Legg til oppdaterte jQuery-, jQuery-brukergrensesnitt og stilkoder som vises her.
Pass på at du bruker koblingene som er oppgitt i indeksen. html. Fordi dette eksemplet er flere lag dypt i hierarkiet, må du legge til … / for hvert mappenivå at eksemplet er under hovednivået (normalt tre nivåer, som vist her).
-
Last siden på nytt.
Du ser temautgangen. Dette er et typisk eksempel på hvilken temautgang som kan se ut.