Kodestykker 2025, September

Indsæt element mellem andre elementer - CSS-tricks

Indsæt element mellem andre elementer - CSS-tricks

For eksempel, hvis du har fem afsnit i træk, og du skal indsætte et brudtag mellem dem alle. Du kan ikke sætte det før alle fem (du ikke "

Indgange, der husker oprindelig værdi - CSS-tricks

Indgange, der husker oprindelig værdi - CSS-tricks

Var origValue = (); $ ('input.remember'). hver (funktion (currentIndex) (origValue.push ($ (denne) .val ()); $ (denne). fokus (funktion () ("

Image Preloader - CSS-tricks

Image Preloader - CSS-tricks

Meget nem måde at forudindlæse billeder, der er nødvendige senere (f.eks. Når en svæver udføres) $ .preloadImages = funktion () (for (var i = 0; i "

Fremhæv relateret etiket, når input er i fokus - CSS-tricks

Fremhæv relateret etiket, når input er i fokus - CSS-tricks

$ ("form: input"). fokus (funktion () ($ ("label"). addClass ("labelfocus");)). sløring (funktion () ($ ("label"). removeClass ("labelfocus" );)); "

Fremhæv alle links til den aktuelle side - CSS-tricks

Fremhæv alle links til den aktuelle side - CSS-tricks

$ (funktion () ($ ("a"). hver (funktion () (hvis ($ (dette) .attr ("href") == window.location.pathname) ($ (dette) .addClass ("valgt ");)));)); Denne funktion vil "

Hent X, Y-koordinater for mus i boksen - CSS-tricks

Hent X, Y-koordinater for mus i boksen - CSS-tricks

Nedenstående kode giver dig X-, Y-koordinaterne for et museklik inden for en given boks. Fjernelse af alle ting om forskydningen, du kan nemt få X, "

Fastsættelse af .load () i IE for cachelagrede billeder - CSS-tricks

Fastsættelse af .load () i IE for cachelagrede billeder - CSS-tricks

Funktionen .load () udløses, når det element, det kaldes på, er fuldt indlæst. Det bruges ofte på billeder, som muligvis ikke er fuldt indlæst, når "

Hent forespørgselsparametre som objekt - CSS-tricks

Hent forespørgselsparametre som objekt - CSS-tricks

Nicholas Ortenzio skrev dette lille plugin: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Få en oprindelig bredde for billeder - CSS-tricks

Få en oprindelig bredde for billeder - CSS-tricks

Hvis du vælger og billede med jQuery og derefter bruger .width (), får du billedernes aktuelle bredde, selvom den er skaleret (f.eks. Max-bredde: 100%;). Du kan"

Fastsættelse af IE z-indeks - CSS-tricks

Fastsættelse af IE z-indeks - CSS-tricks

Dette er ikke en ende-på-alt-alt-løsning til løsning af alle underlige IE z-indeksproblemer, men det kan bestemt hjælpe under visse omstændigheder. Hvad det gør er at løbe igennem "

Fade billede til et andet billede - CSS-tricks

Fade billede til et andet billede - CSS-tricks

Lav en div, der er den nøjagtige størrelse af billedet. Denne div vil have et baggrundsbillede anvendt på det andet billede. Sæt derefter et integreret billede inde "

Tving en Iframe til at genindlæse - CSS-tricks

Tving en Iframe til at genindlæse - CSS-tricks

Du kan trykke på src af det: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix Vælg Dropdown Cutoff i IE 7 - CSS-tricks

Fix Vælg Dropdown Cutoff i IE 7 - CSS-tricks

Kør (i det mindste "Brug" -delen nedenfor), når du har indlæst jQuery og enten i slutningen af ​​siden eller i en DOM-klar erklæring. Bemærk, at denne rettelse ikke "

Fix Min / Max-bredde for browsere uden indbygget support - CSS-tricks

Fix Min / Max-bredde for browsere uden indbygget support - CSS-tricks

Dette script kontrollerer alle elementer med en klasse af .fixMinMaxwidth og observerer vinduet. Det anvendes kun til browsere uden native min / max-bredde "

Ændr størrelse på Iframe for at passe til indhold (kun samme domæne) - CSS-tricks

Ændr størrelse på Iframe for at passe til indhold (kun samme domæne) - CSS-tricks

Normalt indstiller du og bredde og højde for iframes. Hvis indholdet indeni er større, skal rullebjælker være tilstrækkelige. Nedenstående script forsøger at rette det med "

Brandhændelse, når brugeren er inaktiv - CSS-tricks

Brandhændelse, når brugeren er inaktiv - CSS-tricks

Se de to kommenterede linjer nedenfor, det er her, du kan indsætte kode for ting, der skal gøres, når brugeren går inaktiv, og når brugeren kommer tilbage. Indstil tomgang "

Find og indpakning af tegn - CSS-tricks

Find og indpakning af tegn - CSS-tricks

Indlæs dette plugin. Derefter: $ ("body *"). Erstatte tekst (/ & / gi, '' + '&' + ''); Skift vælgeren efter behov. Den ene er ret intens. Nu har du en klasse "

Tilbagefald for CDN-vært jQuery - CSS-tricks

Tilbagefald for CDN-vært jQuery - CSS-tricks

Flere store virksomheder tilbyder kopier af jQuery hostet på deres CDN'er (Content Delivery Network). Mest berygtet Google, men også Microsoft og jQuery "

Fade et billede til en anden menu - CSS-tricks

Fade et billede til en anden menu - CSS-tricks

Lav et CSS-sprite-billede, hvor den øverste halvdel og den nederste halvdel er de to billeder, du vil animere imellem. JQuery tilføjer et -tag og "

Find alle interne links - CSS-tricks

Find alle interne links - CSS-tricks

Find alle links, der starter med webstedsdomænet, en skråstreg, relativ filsti eller et hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Ekskluder $ (dette) fra Selector - CSS-tricks

Ekskluder $ (dette) fra Selector - CSS-tricks

Lad os sige, at du vil vedhæfte en klikhåndterer til hvert link på en side. Funktionen for den klikhåndterer skifter alle de andre links til en anden farve. var "

Kan trækkes uden jQuery UI - CSS-tricks

Kan trækkes uden jQuery UI - CSS-tricks

Det har ikke alle de smarte tilbagekald og indstillinger, men hej, det gør tingene trækkelige (og med et bestemt håndtag valgfrit). (funktion ($) ("

Udlign højder af div CSS-tricks

Udlign højder af div CSS-tricks

Var maxHøjde = 0; $ ("div"). hver (funktion () (hvis ($ (denne) .højde ()> maxHøjde) (maxHøjde = $ (denne) .højde ();))); $ ("div"). højde (maxHeight); "

Vis sidste Tweet - CSS-tricks

Vis sidste Tweet - CSS-tricks

Koden nedenfor fungerer ikke længere som den er med Twitter API-opdateringen til 1.1 fra 2013-06-11. 1.1 API kræver oAuth, som kræver en serverside "

Færdiggjort størrelse på begivenhed - CSS-tricks

Færdiggjort størrelse på begivenhed - CSS-tricks

Hvis du er vant til noget som jQuery UI resizeable, får du begivenheder, du kan binde til under størrelsesændringen, men også i slutningen af ​​størrelsen. Ingen sådan begivenhed "

JQuery duplikat-plugin - CSS-tricks

JQuery duplikat-plugin - CSS-tricks

$ .fn.duplicate = funktion (count, cloneEvents) (var tmp = (); for (var i = 0; i

Vis kun første X Divs, skift hvile - CSS-tricks

Vis kun første X Divs, skift hvile - CSS-tricks

Var nyheder = 2; hidenews = "- Skjul nyhedsarkiv"; vistews = "+ Vis nyhedsarkiv"; $ (". arkiv"). html (vist nyheder); $ (". nyheder: ikke (: lt (" + nyheder + "))"). skjul (); "

Vis seneste FeedBurner-indlæg - CSS-tricks

Vis seneste FeedBurner-indlæg - CSS-tricks

Dette uddrag viser det seneste indlæg i et specificeret FeedBurner-feed. Indstil bare URL'en til det ønskede FeedBurner-feed. $ (dokument). klar (funktion () ("

Vis browser og version - CSS-tricks

Vis browser og version - CSS-tricks

Dette er jQuery-specifikt og indeholder lidt af et hack / fix til håndtering af Chrome. Dette fungerer mellem jQuery 1.5.1 og jQuery 1.8.3. Det er væk i jQuery "