Szabályozza a láthatóságot egy tárgy segítségével jquery - szeretnék egy honlapot

Próbálja gombok megnyomásával a kép alá:

A jQuery kódot az oldalon myscripts.js csak nyomon követni az eseményt kattintson a gombok, és attól függően, hogy melyik gombot készítettek kattintással, elrejtése hide () vagy mutat show () által kiválasztott ID $ ( '# hideImg) tárgy - a képem .

Valójában elrejteni egy elemet nem lehet csak úgy elrejteni () metódust. de a CSS stíluslapok. Tehát, ha azt akartuk, hogy úgy, hogy az oldal betöltésekor, a figura volt rejtve, akkor ezt el lehet érni a következő módon:

Ez az eredmény ugyanaz lenne.

By the way, jQuery biztosít a felhasználók számára széles körű ellenőrzési lehetőséget CSS stílusokat. de ez a téma egy másik tanulság: „Manage CSS stílusokat jQuery”.

jQuery lehetővé teszi, hogy ugyanazokat a módszereket, amelyek sokkal tisztább, és animáció:

• - hide (sebesség, callback) - hide
• - show (sebesség, callback) - mutat
• - Toggle (sebesség, callback) - Minimum (jelenik meg, ha a rejtett és fordítva).

Ahol a sebesség - a változási sebessége magassága, szélessége vagy tulajdonságai átlátszatlanság (opacitása) az elem. A sebesség vehet három érték: lassú (lassú), normál (normál) vagy gyors (gyors), és az értéket ezredmásodpercben. Visszahívás - jellemző, hogy lesz végre befejezése után az animációt. Jelenléte nem feltétlenül.

Lásd egy példa ugyanazt a mintát, csak hogy elrejtse, és a kép megjelenítéséhez I kerül módszerrel kapcsoló ().

Kattints a gombra a kép alatt:

Próbálja gomb megnyomásával a kép alatt:

Minimum módszer. mint talán észre, hogy működik, mint egy hagyományos kapcsolót. felváltva végez előre meghatározott sorrendben akciókat. Ebben a példában az első gombra kattintva bőrök, és a második kijelző mintát. Magyarázatok jQuery kódot nem okoz semmilyen bizonyos kérdéseket.

Az egyik fajta ellenőrzés láthatóságának tárgyak jQuery vannak véralvadási technikák - slideDown (). slideUp () és slideToggle () Ezek a módszerek is felelősek a megjelenése tárgyak. de elve alapján működnek az összeomlás tétel felfelé. bővíteni egy elemet fentről lefelé:

És mutasd meg nekünk ez a pingvin Tux - szimbólum szabadon terjeszthető szoftver.

Próbálja gombok megnyomásával a kép alá:

Próbálja gombok megnyomásával a kép alá:

Ezek a módszerek, valamint a módszerek elrejtése () és a show () lehet használni az animáció:

• - slideUp (sebesség, callback) - ájulás,
• - slideDown (sebesség, callback) - fúró,
• - slideToggle (sebesség, callback) - Minimum (bővülhet, ha a rejtett és fordítva).

Amennyiben sebesség - a változás mértéke elem magasságát. A sebesség vehet három érték: lassú (lassú), normál (normál) vagy gyors (gyors), és az értéket ezredmásodpercben. Visszahívás - jellemző, hogy lesz végre befejezése után az animációt. Jelenléte nem feltétlenül.

Itt ugyanaz a példa, csak elrejteni, és jeleníti meg a képet fogok 3 másodpercig módszerrel kapcsoló ().

Kattints a gombra a kép alatt:

• - fadeTo (sebesség, homály, callback) - csökkenti a fedettség tulajdonság (átláthatóság) egy előre meghatározott értéket,
• - fadeOut (sebesség, callback) - csökkenti a fedettség tulajdonság (átláthatóság)
• - fadeIn (sebesség, callback) - növeli a homály tulajdonság (átláthatóság).

Ahol a sebesség - megváltoztatja az elem az átláthatóság. A sebesség vehet három érték: lassú (lassú), normál (normál) vagy gyors (gyors), és az értéket ezredmásodpercben. Opacitás - átláthatóság értéket, amelyhez csökken (egy szám 0-tól 1). Visszahívás - jellemző, hogy lesz végre befejezése után az animációt. Jelenléte nem feltétlenül.

Módszerek fadeOut (), fadeIn () és fadeTo ():

Módszerek fadeOut (), fadeIn () és fadeTo ():

És végül, azt akarom megmutatni, vezetési módszerek láthatósága a jQuery objektum animáció - élő () és a stop (). És segíteni a színes dobozok, amiben bizonyították tulajdonságait z-inex leckét „vizsgálja meg a z-index segítségével a jQuery” és a „ellenőrzik a réteg helyzetét a z-index”.

módszer:
- animálni (params, opciók) - animálni stílustulajdonságot.
Amennyiben params - CSS jellemzők. szeretnénk animálni ( "width", "top", "határ".).
Options - animációs tulajdonságokat (beleértve a sebesség).

módszer:
- stop () - megállítja az animációt.

• - tulajdonságokat kell tüntetni, szóköz nélkül a következő szó nagybetűvel, vagyis "BorderWidth" helyett "border-width"
• - támogatott csak azokat a tulajdonságokat, amelyek értékeit fejezik ki számokat.
• - értékeket, mint a „hide” lehet használni, mint az ingatlan értéke. „Show” és a „Minimum””.

Ez, van egy hosszú leckét. Poeksperementiruyte módszerekkel kínált jQuery ellenőrzésére láthatóvá teszi a tárgyakat. Ha bármilyen kérdése van, kérjen.

És hogyan lehet egy ilyen „next” egy gomb, egy kép simán tiszta és a helyén egy másik show. Adjon meg egy egyszerű képgaléria?

Cikkek

HTML és CSS

PHP és MYSQL

SEO

Site Search jQuery + AJAX + PHP + MySQL

Keresés AJAX + PHP + MySQL hely (AJAX)

Hogyan készítsünk és telepítse a helyszínen egy animált favicon

Site Search AJAX + PHP + MySQL (PHP + MySQL)