Опитайте да натиснете бутоните по-долу картинката:

Кодът JQuery на myscripts.js страницата аз просто следим натискането събитие на бутоните, както и в зависимост от това кой бутон е направена от кликване, скрий скрий () или шоу (), за избран от ID $ ( "# hideImg") обект - моя снимка ,

В действителност се скрие елемент не може просто да се скрие () метод. но с CSS стилове. Така че, ако искаме да, така, че при зареждането на страницата, нашата фигура е била скрита, то това може да се постигне по следните начини:

Този резултат ще бъде един и същ.

Между другото, JQuery предоставя на потребителите широка гама от възможности за контрол на CSS стилове. но това е тема за друг урок: "Управление на CSS стилове, използващи JQuery".

JQuery ви позволява да използвате същите методи, които са много по-ясна, с анимация:

• - скрий (скорост, обратно повикване) - скрий
• - шоу (скорост, обаждане) - показва
• - превключване (скорост, обаждане) - превключване (покаже дали скрити и обратно).

Къде скорост - скоростта на промяна на височина, ширина или свойства на непрозрачност (непрозрачност) на елемента. Скоростта може да отнеме три стойности: бавно (бавно), нормално (нормално) или бързо (бързо), и стойността в милисекунди. Обратно повикване - функция, която ще се изпълнява след приключване на анимацията. Присъствието му не е задължително.

Вижте пример за един и същи модел, само за да се скрие и да се покаже на снимката ще бъде с помощта на метод за превключване ().

Кликнете върху бутона под снимката:

Опитайте да натиснете бутона под снимката:

превключване метод. както вероятно сте разбрали, че работи като обикновен ключ. алтернативно изпълнение на предварително определена последователност от действия. В този пример, първо кликнете върху кожите на бутона, и при втория модел дисплей. Обяснения в JQuery код не трябва да ви причинят някакви специфични въпроси.

Един вид контролирате видимостта на обектите в JQuery са коагулационни техники - slideDown (). slideUp () и slideToggle () Тези методи също са отговорни за появата на обекти. но работи на принципа на колапс позиция нагоре. разширяване на даден елемент от горе на долу:

И да ни покаже този пингвин Tux - символ свободно разпространявате софтуер.

Опитайте да натиснете бутоните по-долу картинката:

Опитайте да натиснете бутоните по-долу картинката:

Тези методи, както и методи за скрий () и шоу () могат да бъдат използвани с анимацията:

• - slideUp (скорост, обратно повикване) - колапс,
• - slideDown (скорост, обратно повикване) - тренировка,
• - slideToggle (скорост, обаждане) - превключване (разшири ако скрити и обратно).

Къде скорост - скоростта на промяна на кота елемент. Скоростта може да отнеме три стойности: бавно (бавно), нормално (нормално) или бързо (бързо), и стойността в милисекунди. Обратно повикване - функция, която ще се изпълнява след приключване на анимацията. Присъствието му не е задължително.

Ето същия пример, просто се скрие и да се покаже снимката Отивам за 3 секунди, като се използва метод за превключване ().

Кликнете върху бутона под снимката:

• - fadeTo (скорост, непрозрачност, обаждане) - намалява непрозрачност собственост (прозрачност) до предварително определена стойност,
• - fadeOut (скорост, обратно повикване) - намалява непрозрачност имота (прозрачност)
• - fadeIn (скорост, обратно повикване) - увеличава непрозрачност имота (прозрачност).

Когато скоростта - променя елемент на прозрачност. Скоростта може да отнеме три стойности: бавно (бавно), нормално (нормално) или бързо (бързо), и стойността в милисекунди. Непрозрачност - стойност прозрачност, към който е намален (число от 0 до 1). Обратно повикване - функция, която ще се изпълнява след приключване на анимацията. Присъствието му не е задължително.

Методи fadeOut (), fadeIn () и fadeTo ():

Методи fadeOut (), fadeIn () и fadeTo ():

И накрая, искам да ви покажа методи на видимост управление в JQuery обект с анимация - живата () и стоп (). И да ми помогне в оцветени кутийки, в които съм демонстрират свойствата на Z-ИНЕКС урок "разследва Z-индекс на имота, като се използва JQuery" и "контролирате позицията на слоя с помощта на Z-индекс".

метод:
- анимирате (ПАРАМЕТРИ, опции) - анимирате свойства стил.
Къде Поколения назад - CSS атрибути. ние искаме да анимирате ( "ширина", "отгоре", "граница".).
Опции - свойствата на анимацията (включително скорост).

метод:
- спре () - спира анимацията.

• - свойства трябва да бъдат посочени без интервали на следващата дума с главна буква, т.е. "BorderWidth" вместо "гранично-ширина",
• - подкрепени само тези имоти, чиито стойности са изразени в числа.
• - ценности като в "скрие", могат да бъдат използвани като стойностите на имотите. "Покажи" и "превключване" ".

Това, че имаме дълъг урок. Poeksperementiruyte с методи, предлагани JQuery да контролирате видимостта на обектите. Ако имате някакви въпроси, моля попитайте.

И как може такова "до" един бутон, една снимка е гладко чиста и на негово място друг шоу. Въведете прост фото галерия?

статии

HTML и CSS

PHP и MYSQL

SEO

Търсене в сайта JQuery + AJAX + PHP + MySQL

Търсене AJAX + PHP + MySQL сайт (AJAX)

Как да си направим и инсталирате на вашия сайт анимирана икона на сайта

Търсене в сайта AJAX + PHP + MySQL (PHP + MySQL)