Kódrészletek 2025, Január

Elem beszúrása más elemek közé CSS-trükkök

Elem beszúrása más elemek közé CSS-trükkök

Például, ha öt bekezdésed van egymás után, és mindegyik közé be kell illeszteni egy break taget. Nem teheti mind az öt elé (nem "

Az eredeti értéket megjegyző inputok CSS-trükkök

Az eredeti értéket megjegyző inputok CSS-trükkök

Var origValue = (); $ ('input.remember'). mindegyik (függvény (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Képelőtöltő - CSS-trükkök

Képelőtöltő - CSS-trükkök

Nagyon egyszerű mód a később szükséges képek előzetes betöltésére (pl. Lebegés végrehajtása esetén) $ .preloadImages = function () (for (var i = 0; i "

Jelölje ki a kapcsolódó címkét, amikor a bemenet fókuszban van CSS-trükkök

Jelölje ki a kapcsolódó címkét, amikor a bemenet fókuszban van CSS-trükkök

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

Jelölje ki az összes linket az aktuális oldalra - CSS-trükkök

Jelölje ki az összes linket az aktuális oldalra - CSS-trükkök

$ (function () ($ ("a"). mindegyik (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("kiválasztva ");)));)); Ez a funkció "

Az egér X, Y koordinátái a dobozon belül - CSS-trükkök

Az egér X, Y koordinátái a dobozon belül - CSS-trükkök

Az alábbi kód megadja az egérkattintás X, Y koordinátáit egy adott mezőben. Ha eltávolítja az eltolással kapcsolatos összes dolgot, könnyen megszerezheti az X-et "

A .load () javítása az IE-ben gyorsítótárazott képekhez CSS-trükkök

A .load () javítása az IE-ben gyorsítótárazott képekhez CSS-trükkök

A .load () függvény akkor aktiválódik, amikor az általa meghívott elem teljesen betöltődik. Általában olyan képeken használják, amelyek nem feltöltődnek teljesen, ha a "

Kérdési paraméterek letöltése objektumként - CSS-trükkök

Kérdési paraméterek letöltése objektumként - CSS-trükkök

Nicholas Ortenzio ezt a kis plugint írta: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Szerezzen be egy kép natív szélességét - CSS-trükkök

Szerezzen be egy kép natív szélességét - CSS-trükkök

Ha a jQuery segítségével választja ki és képezi, majd a .width () elemet használja, akkor a képek aktuális szélességet kapnak, még akkor is, ha méretezésre kerültek (pl. Max-width: 100%;). Tudsz"

Az IE z-indexének javítása - CSS-trükkök

Az IE z-indexének javítása - CSS-trükkök

Ez nem minden vége megoldás az összes furcsa IE z-index probléma kijavítására, de bizonyos körülmények között biztosan segíthet. Amit csinál, az átmegy "

A kép elhalványul egy másik képbe - CSS-trükkök

A kép elhalványul egy másik képbe - CSS-trükkök

Készítsen egy div pontot, amely a kép pontos mérete. Ez a div háttérképet alkalmaz a második képre. Ezután tegyen be egy belső képet "

Kényszerít egy iframe-et újratöltésre - CSS-trükkök

Kényszerít egy iframe-et újratöltésre - CSS-trükkök

Megérintheti annak src-jét: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Javítás Válassza ki az IE 7 - CSS-trükkök

Javítás Válassza ki az IE 7 - CSS-trükkök

Futtassa (legalább az alábbi „Használat” részt), miután betöltötte a jQuery-t, vagy az oldal végén, vagy egy DOM-kész utasításban. Vegye figyelembe, hogy ez a javítás nem "

Min / Max-szélesség javítása natív támogatás nélküli böngészőknél - CSS-trükkök

Min / Max-szélesség javítása natív támogatás nélküli böngészőknél - CSS-trükkök

Ez a szkript az összes elemet egy .fixMinMaxwidth osztályral ellenőrzi, és megfigyeli az ablakot. Csak natív min / max szélesség nélküli böngészőkre alkalmazható "

Az Iframe átméretezése a tartalom illesztéséhez (csak ugyanazon domainnél) - CSS-trükkök

Az Iframe átméretezése a tartalom illesztéséhez (csak ugyanazon domainnél) - CSS-trükkök

Az iframe-ekhez általában a szélességet és a magasságot állítja be. Ha a belső tartalom nagyobb, a gördítősávoknak elegendőnek kell lenniük. Az alábbi szkript megpróbálja ezt kijavítani "

Tűz esemény, amikor a felhasználó tétlen - CSS-trükkök

Tűz esemény, amikor a felhasználó tétlen - CSS-trükkök

Lásd az alábbi két megjegyzett sort, ahová beillesztheti a tennivalók kódját, amikor a felhasználó tétlen, és amikor a felhasználó visszatér. Alapjárat beállítása "

Keresse meg és csomagolja be az Ampersandokat CSS-trükkök

Keresse meg és csomagolja be az Ampersandokat CSS-trükkök

Töltse be ezt a bővítményt. Ezután: $ ("body *"). SubstitText (/ & / gi, '' + '&' + ''); Szükség szerint változtassa meg a választót. Ez nagyon intenzív. Most van egy osztályod "

A CDN által üzemeltetett jQuery - CSS-trükkök

A CDN által üzemeltetett jQuery - CSS-trükkök

Számos nagyvállalat kínál CDQ-n (Content Delivery Network) tárolt jQuery példányokat. Legismertebb a Google, de a Microsoft és a jQuery is "

Kép elhalványítása a másik menübe - CSS-trükkök

Kép elhalványítása a másik menübe - CSS-trükkök

Készítsen CSS sprite képet úgy, hogy a felső és az alsó fele legyen az a két kép, amely között animálni szeretne. A jQuery hozzáad egy címkét, és

Az összes belső link megtalálása - CSS-trükkök

Az összes belső link megtalálása - CSS-trükkök

Keresse meg az összes olyan linket, amely a helyek domainjével, perjelével, relatív fájlútvonalával vagy hashtagjével kezdődik. var siteURL = "http: //" + top.location.host.toString (); var "

A $ (this) kizárása a Selectorból CSS-trükkök

A $ (this) kizárása a Selectorból CSS-trükkök

Tegyük fel, hogy egy kattintáskezelőt szeretne csatolni az oldal minden hivatkozásához. Az adott kattintáskezelő funkciója az összes többi linket más színűvé változtatja. var "

JQuery felhasználói felület nélkül húzható - CSS-trükkök

JQuery felhasználói felület nélkül húzható - CSS-trükkök

Nem rendelkezik minden divatos visszahívással és lehetőséggel, de hé, ez húzhatóvá teszi a dolgokat (és adott esetben egy adott fogantyúval). (függvény ($) ("

Kiegyenlítse a divs magasságát CSS-trükkök

Kiegyenlítse a divs magasságát CSS-trükkök

Var maxHeight = 0; $ ("div"). mindegyik (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). magasság (maxHeight); "

Utolsó tweet - megjelenítése CSS-trükkök

Utolsó tweet - megjelenítése CSS-trükkök

Az alábbi kód már nem működik úgy, ahogy a Twitter API 1.1-re történő frissítése 2013.06.06-tól. Az 1.1 API-hoz oAuth szükséges, amely kiszolgálóoldalt igényel "

Kész az esemény átméretezése - CSS-trükkök

Kész az esemény átméretezése - CSS-trükkök

Ha hozzá van szokva a jQuery felhasználói felület átméretezhetőségéhez, olyan eseményeket kap, amelyekhez az átméretezés során, de az átméretezés végén is kötődhet. Nincs ilyen esemény "

JQuery Duplicate Plugin - CSS-trükkök

JQuery Duplicate Plugin - CSS-trükkök

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

Csak az első X div-ek megjelenítése, Toggle Rest - CSS-trükkök

Csak az első X div-ek megjelenítése, Toggle Rest - CSS-trükkök

Var hír = 2; hidenews = "- Hírarchívum elrejtése"; shownews = "+ Hírarchívum megjelenítése"; $ (". archívum"). html (shownews); $ (". news: not (: lt (" + news + "))" "). hide ();"

Legfrissebb FeedBurner bejegyzés megjelenítése CSS-trükkök

Legfrissebb FeedBurner bejegyzés megjelenítése CSS-trükkök

Ez a kódrészlet a legfrissebb bejegyzést jeleníti meg egy megadott FeedBurner hírcsatornában. Csak állítsa be a kívánt FeedBurner hírcsatorna URL-jét. $ (dokumentum) .ready (függvény () ("

A böngésző és a verzió megjelenítése - CSS-trükkök

A böngésző és a verzió megjelenítése - CSS-trükkök

Ez a jQuery-specifikus, és tartalmaz egy kis feltörést / javítást a Chrome kezeléséhez. Ez a jQuery 1.5.1 és a jQuery 1.8.3 között működik. A jQuery-ben eltűnt "