Fragmente de cod 2025, Ianuarie

Inserați elementul între alte elemente - CSS-Tricks

Inserați elementul între alte elemente - CSS-Tricks

De exemplu, dacă aveți cinci paragrafe la rând și trebuie să inserați o etichetă de pauză între toate. Nu o poți pune în fața tuturor celor cinci (nu ”

Intrări care țin minte valoarea originală - CSS-Tricks

Intrări care țin minte valoarea originală - CSS-Tricks

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Preloader de imagine - CSS-Tricks

Preloader de imagine - CSS-Tricks

Mod foarte ușor de a preîncărca imagini care sunt necesare ulterior (de exemplu, când se efectuează o deplasare) $ .preloadImages = function () (for (var i = 0; i "

Evidențiați eticheta asociată când introduceți în focar - CSS-Tricks

Evidențiați eticheta asociată când introduceți în focar - CSS-Tricks

$ ("form: input"). focus (funcție () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Evidențiați toate linkurile către pagina curentă - CSS-Tricks

Evidențiați toate linkurile către pagina curentă - CSS-Tricks

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Această funcție va "

Obțineți coordonatele X, Y ale mouse-ului în caseta - CSS-Tricks

Obțineți coordonatele X, Y ale mouse-ului în caseta - CSS-Tricks

Codul de mai jos vă va oferi coordonatele X, Y ale unui clic de mouse într-o anumită casetă. Eliminând toate lucrurile despre offset, puteți obține cu ușurință X-ul "

Fixarea .load () în IE pentru imaginile cache - CSS-Tricks

Fixarea .load () în IE pentru imaginile cache - CSS-Tricks

Funcția .load () se declanșează atunci când elementul la care este apelat este încărcat complet. Este utilizat în mod obișnuit pe imagini, care pot să nu fie încărcate complet atunci când

Obțineți Params de interogare ca obiect - CSS-Tricks

Obțineți Params de interogare ca obiect - CSS-Tricks

Nicholas Ortenzio a scris acest mic plugin: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Obțineți o lățime nativă a imaginilor - CSS-Tricks

Obțineți o lățime nativă a imaginilor - CSS-Tricks

Dacă selectați și imagine cu jQuery și apoi utilizați .width (), veți obține lățimea curentă a imaginilor, chiar dacă a fost scalată (de exemplu, lățimea maximă: 100%;). Poti"

Fixarea indexului z IE - CSS-Tricks

Fixarea indexului z IE - CSS-Tricks

Aceasta nu este o soluție finală pentru a remedia toate problemele ciudate ale indexului z IE, dar cu siguranță poate ajuta în anumite circumstanțe. Ceea ce face este să treacă prin "

Decolorează imaginea într-o altă imagine - CSS-Tricks

Decolorează imaginea într-o altă imagine - CSS-Tricks

Faceți o divizare care are dimensiunea exactă a imaginii. Această divizare va avea aplicată o imagine de fundal a celei de-a doua imagini. Apoi puneți o imagine în interior "

Forțează un Iframe să se reîncarce - CSS-Tricks

Forțează un Iframe să se reîncarce - CSS-Tricks

Puteți atinge src-ul acestuia: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Remediați Select Dropdown Cutoff în IE 7 - CSS-Tricks

Remediați Select Dropdown Cutoff în IE 7 - CSS-Tricks

Rulați (cel puțin partea „Utilizare” de mai jos) după ce ați încărcat jQuery și fie la sfârșitul paginii, fie într-o declarație pregătită pentru DOM. Rețineți că această corecție face „

Remediați lățimea minimă / maximă pentru browserele fără suport nativ - CSS-Tricks

Remediați lățimea minimă / maximă pentru browserele fără suport nativ - CSS-Tricks

Acest script verifică toate elementele cu o clasă de .fixMinMaxwidth și observă fereastra. Se aplică numai browserelor fără lățime min / maximă nativă "

Redimensionați Iframe pentru a se potrivi conținutului (numai același domeniu) - CSS-Tricks

Redimensionați Iframe pentru a se potrivi conținutului (numai același domeniu) - CSS-Tricks

În mod normal, setați și lățimea și înălțimea pentru iframe. Dacă conținutul din interior este mai mare, barele de derulare trebuie să fie suficiente. Scriptul de mai jos încearcă să remedieze acest lucru prin „

Eveniment de incendiu când utilizatorul este inactiv - CSS-Tricks

Eveniment de incendiu când utilizatorul este inactiv - CSS-Tricks

Vedeți cele două rânduri comentate de mai jos, de unde puteți insera cod pentru lucrurile de făcut atunci când utilizatorul rămâne inactiv și când utilizatorul revine. Setați modul inactiv "

Găsiți și împachetați Ampersands - CSS-Tricks

Găsiți și împachetați Ampersands - CSS-Tricks

Încărcați acest plugin. Apoi: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Schimbați selectorul după cum este necesar. Acela este destul de intens. Acum ai o clasă "

Fallback pentru jQuery găzduit de CDN - CSS-Tricks

Fallback pentru jQuery găzduit de CDN - CSS-Tricks

Mai multe companii mari oferă copii ale jQuery găzduite pe CDN-urile lor (Content Delivery Network). Cel mai notoriu Google, dar și Microsoft și jQuery "

Fade o imagine la alta Meniu - CSS-Tricks

Fade o imagine la alta Meniu - CSS-Tricks

Faceți o imagine sprite CSS, cu jumătatea superioară și jumătatea inferioară fiind cele două imagini între care doriți să animați. JQuery adaugă o etichetă și „

Găsiți toate linkurile interne - CSS-Tricks

Găsiți toate linkurile interne - CSS-Tricks

Găsiți toate linkurile care încep cu domeniul site-urilor, o bară, o cale relativă a fișierului sau un hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Excludeți $ (acest) din Selector - CSS-Tricks

Excludeți $ (acest) din Selector - CSS-Tricks

Să presupunem că doriți să atașați un handler de clicuri la fiecare link de pe o pagină. Funcția pentru gestionarul de clicuri transformă toate celelalte linkuri într-o culoare diferită. var "

Draggable fără jQuery UI - CSS-Tricks

Draggable fără jQuery UI - CSS-Tricks

Nu are toate apelurile și opțiunile fanteziste, dar hei, face ca lucrurile să poată fi glisate (și cu un mâner specificat opțional). (funcție ($) ("

Egalizați înălțimile diviziunilor - CSS-Tricks

Egalizați înălțimile diviziunilor - CSS-Tricks

Var maxHeight = 0; $ ("div"). fiecare (funcție () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). înălțime (maxHeight); "

Afișează ultimul Tweet - CSS-Tricks

Afișează ultimul Tweet - CSS-Tricks

Codul de mai jos nu mai funcționează așa cum este cu actualizarea API-ului Twitter la 1.1 începând cu 11.06.2013. API-ul 1.1 necesită oAuth care necesită o parte a serverului "

Finalizat Redimensionare eveniment - CSS-Tricks

Finalizat Redimensionare eveniment - CSS-Tricks

Dacă sunteți obișnuit cu ceva de genul jQuery UI resizeable, veți obține evenimente la care vă puteți lega în timpul redimensionării, dar și la sfârșitul redimensionării. Niciun astfel de eveniment "

JQuery Duplicate Plugin - CSS-Tricks

JQuery Duplicate Plugin - CSS-Tricks

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

Afișați numai primele divizări X, comutați odihna - CSS-Tricks

Afișați numai primele divizări X, comutați odihna - CSS-Tricks

Var știri = 2; hidenews = "- Ascunde arhiva de știri"; shownews = "+ Arată arhiva de știri"; $ (". archive"). html (shownews); $ (". știri: not (: lt (" + știri + "))"). hide (); "

Afișează ultimul mesaj FeedBurner - CSS-Tricks

Afișează ultimul mesaj FeedBurner - CSS-Tricks

Acest fragment va afișa cea mai recentă postare într-un feed FeedBurner specificat. Trebuie doar să setați adresa URL la feedul FeedBurner dorit. $ (document). ready (function () ("

Afișați browserul și versiunea - CSS-Tricks

Afișați browserul și versiunea - CSS-Tricks

Acesta este specific jQuery și conține un pic de hack / fix pentru tratarea Chrome. Acest lucru funcționează între jQuery 1.5.1 și jQuery 1.8.3. A dispărut în jQuery "