, jquery giver en trivially enkelt grænseflade for forskellige slags fantastisk virkninger.jquery metoder tillader os til hurtigt at anvende almindeligt anvendte virkninger med en mindste konfiguration. denne forelæsning dækker alle de vigtige jquery metoder til at skabe visuelle effekter. viser og gemmer sig elementer, den har for at vise og skjulte elementer er stort set, hvad vi forventer −, show(), viser de elementer i et pakket, og, hide(), for at gemme dem., syntaks, her er den simple syntaks for, show(), metode og minus;,, [vælgeren]., vis (hastighed [bør]); her er beskrivelsen af alle parametre og minus,,,,,,,, hastighed og minus; en kæde, der repræsenterer en af de tre forudbestemt hastighed ("langsomt", "normale" eller "fast") eller antal millisekunder løbe informationstiltag (f.eks. 1000).,,,, opkald til − denne valgfri parameter er enfunktion at blive henrettet, når animation fuldender; udfører én gang for hvert element animeret mod.,,, som er den simple syntaks for, hide(), metode og minus;,, [vælgeren]., skjule (hastighed [bør]); her er beskrivelsen af alle parametre og minus;,,, speed, − en kæde, der repræsenterer en af de tre forudbestemt hastighed ("langsomt", "normale" eller "fast") eller antal millisekunder løbe informationstiltag (f.eks. 1000).,,,, opkald til − denne valgfri parameter er en funktion til at blive henrettet, når animation fuldfører; udfører én gang for hvert element animeret mod.,,, bl.a. overveje følgende: fil med en lille jquery kodning og minus;, < html > < head > < afsnit > jquery eksempel </title> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> \t\t <script type = "text/javascript" language = "javascript"> $(document).ready(function() { $("#show").click(function () { $(".mydiv").show( 1000 ); }); $("#hide").click(function () { $(".mydiv").hide( 1000 ); }); \t\t\t\t }); </script> \t\t <style> .mydiv{ margin:10px;padding:12px; border:2px solid #666; width:100px; height:100px;} </style> </head> \t <body> \t <div class = "mydiv"> This is a SQUARE < /div > < input id = "gemme" type = "knap" værdi = "gemme" /> < input id = "vis" type = "knap" værdi = "vis" /> < /organ > <. /html > dette vil føre til følgende resultat −,, toggling elementer, jquery indeholder metoder til at aktivere den udstilling af elementer mellem afsløret eller skjult.hvis elementet er i første omgang udviste, vil det være skjult, hvis skjult, den vil blive vist, syntaks, her er den simple syntaks for en af de, toggle(), metoder og minus;,, [vælgeren].,. greb ([hastighed] [bør]); her er beskrivelsen af alle parametre og minus,,,,,,,, hastighed og minus; en kæde, der repræsenterer en af de tre forudbestemt hastighed ("langsomt", "normale" eller "fast") eller antal millisekunder løbe informationstiltag (f.eks. 1000).,,,, opkald til − denne valgfri parameter repræsenterer en funktion til at blive henrettet, når animation fuldender; udfører én gang for hvert element animeret mod.,,, f.eks. vi kan stadig elementer som f.eks. en simpel < div > indeholder et billede og minus;, < html > < head > < afsnit > jquery Example</title> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> \t\t <script type = "text/javascript" language = "javascript"> $(document).ready(function() { $(".clickme").click(function(event){ $(".target").toggle('slow', function(){ $(".log").text('Transition Complete'); }); }); }); \t\t\t </script> \t\t <style> .clickme{ margin:10px;padding:12px; border:2px solid #666; width:100px; height:50px;} </style> </head> \t <body> \t <div class = "content"> <div clrøv = "clickme" > klik mig < /div > < div klasse = "target" > < img src = ". /images /jquery jpg" alat = "jquery" /> < /div > < div klasse = "log" > < /div > < /div > < /organ > < /html > dette vil føre til følgende resultat −,, jquery virkning metoder, har du set grundlæggende begreb jquery virkninger.følgende tabel indeholder en oversigt over alle de vigtigste metoder til at skabe forskellige slags virkninger og minus;, s.n. metoder & beskrivelse 1 manipulerer (params [varighed, forenkling, callback]), en funktion for skik animeringer., 2 fadein (hastighed [bør]), i alle sammen elementer ved at tilpasse deres uklarheds - og skyder en valgfri callback efter afslutningen., 3 fadeout (hastighed [bør]), forsvinder alle sammen elementer ved at tilpasse deres røgtæthed 0, at vise, at "ingen" og skyder en valgfri callback efter afslutning. 4. fadeto (hastighed, uklarhed, callback), forsvinder den uklarhed for alle matchede elementer til en bestemt uklarhed og fyrer en valgfri callback efter afslutningen., 5 skjule (), skind hver af matchede shcaftaler, hvis de viser sig, 6 skjule (hastighed [bør]), gemme alt sammen elementer, ved hjælp af en yndefuld, animation og fyrer en valgfri callback efter afslutningen. 7 viser (), har hver af matchede elementer, hvis de er skjult, 8 viser (hastighed [bør]), alt sammen elementer, ved hjælp af en yndefuld, animation og fyrer en valgfri callback efter afslutningen. 9. slidedown (hastighed [bør]), viser alle matchede elementer ved at tilpasse deres højde og skyder en valgfri callback efter afslutningen. 10 slidetoggle (hastighed [bør]), greb synligheden af alle matchede elementer ved at justere deres højde - og skyder en valgfri callback efter afslutningen. 11. slideup (hastighed [bør]), skjule alle matchede elementer af adjustideres højde og skyder en valgfri callback efter afslutningen., 12 - ([clearqueue, gotoend]), stopper alle de i øjeblikket tegnefilm på alle de angivne elementer. 13 trin (), greb, der udviser hver enkelt af matchede elementer. 14 greb (hastighed [bør]), greb, der udviser hver enkelt af tilsvarende elementer, ved hjælp af en yndefuld, animation og fyrer en valgfri callback efter afslutningen. 15 greb (skift), greb, der udviser hver enkelt af matchede elementer baseret på skift (rigtigt, viser alle elementer, falske gemmer alle elementer). den 16. jquery.fx.off globalt frakoble alle animeringer.,, ui bibliotek baseret virkninger, at anvende disse virkninger, du kan downloade seneste jquery ui bibliotek, jquery-ui-1.11.4.custom.zipfra jquery ui bibliotek eller bruger google cdn til at bruge den på den samme måde, som vi har gjort for jquery. vi har brugt google cdn for jquery eu - erhvervsgrenen ved hjælp af følgende kode snippet i html side, så vi kan bruge jquery ui −, < head > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jqueryui /1.11.3 /jquery ui. min.js" > < /manuskript > < /head >, s.n. metoder & beskrivelse 1 blind, rullegardiner elementet væk eller viser det ved blændende i det. 2. hop, hopper elementet vertikalt eller horisontalt n-times. 3. klip, klip den del eller fra vertikalt eller horisontalt., 4 falder, falder de element væk eller viser det ved at droppe det., 5 eksplodere, eksploderer det element i flere stykker. 6 gange, ligger det elementsom et stykke papir. 7 fremhæve, fremhæver den baggrund med en bestemt farve. 8. puff, omfanget og fade ud animeringer skabe puff virkning. 9 pulsere, pulserer opaciteten af den element flere gange. 10 omfang svinde ind eller blive en del af en procentdel faktor. 11. ryst ryst elementet vertikalt eller horisontalt n-times., 12 størrelse, resize et element til en bestemt bredde og højde, 13 - glider det element af viewport. 14. overførsel, overførsler omridset af et element til en anden.,,
jquery virkninger
Previous:jquery dom manipulation
Next Page:jquery interaktioner