Добавяне на Spry ефекти
Съдържание
Спрей Ефекти
Преглед на Spry ефектите
Забележка. За да приложите ефект към елемент, той трябва да бъде избран или трябва да има id. Например, когато прилагате цветно подчертаване към div таг, който в момента не е избран, той трябва да има ID. Ако елементът все още няма идентификатор, той трябва да бъде добавен към HTML кода. Ефектите могат да променят прозрачността, мащаба, позицията на елемент, както и стилови свойства като цвят на фона. Можете да създадете интересни визуални ефекти, като комбинирате две или повече свойства. Тъй като тези ефекти са базирани на технологията Spry, когато щракнете върху елемент с ефект, динамично се актуализира само този елемент, а не цялата HTML страница. Spry включва следните ефекти:
Appear/Dissolve Причинява появата или разтварянето на елемент. Маркиране Променя цвета на фона на елемент. Щори Симулира щори на прозорци, които се движат нагоре или надолу, за да скрият или разкрият елемент. Плъзгане Премества елемента нагоре или надолу. Разгъване/компресиране Увеличава или намалява размера на елемент. Разклащане Симулира разклащане на елемент отляво надясно. Splash Кара елемента да изчезне в горния ляв ъгъл на страницата. Важна информация. Използването на ефекта в изглед на код добавя различни редове код към файла. Един ред дефинира файла "SpryEffects.js", необходим за активиране на ефектите. Не премахвайте този ред от кода, в противен случай ефектите няма да работят.
Прилагане на ефекта на щорите Забележка. Този ефект може да се използва само със следните HTML елементи: адрес, dd, div, dl, dt, форма, h1, h2, h3, h4, h5, h6, p, ol, ul, li, аплет, център, dir, меню, pre. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложитеефект (по избор). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > "Щори". 3 Изберете идентификатор на елемент от менюто на листовия елемент. Ако елементът вече е маркиран, изберете . 4 В прозореца Effect Duration задайте продължителността на ефекта в милисекунди. 5 Изберете ефекта, който да приложите: „Заслепете“ или „Заслепете надолу“. 6 В прозореца „Щори вдигнати от/Щори надолу“ задайте началната точка на превъртането на жалузите като процент или брой пиксели. Тези стойности се измерват от горната част на елемента. 7 В прозореца „Щори нагоре от / Щори надолу до“ задайте крайната точка на превъртане на жалузите в проценти или пиксели. Тези стойности се измерват от горната част на елемента. 8 Изберете Превключване на ефекти, ако искате ефектът да бъде обърнат, като превъртате нагоре и надолу с последователни натискания. Пример за ефект Прилагане на ефекта „Разширяване/компресиране“ Забележка. Този ефект може да се използва със следните HTML елементи: адрес, dd, div, dl, dt, форма, p, ol, ul, аплет, център, директория, меню, пре. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложите ефекта (по избор). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > Разгъване/компресиране. 3 Изберете идентификатор на елемент от изскачащото меню на листовия елемент. Ако елементът вече е маркиран, изберете . 4 В прозореца Effect Duration задайте продължителността на ефекта в милисекунди. 5 Изберете ефекта, който да приложите: „Разширяване“ или „Компресиране“ 6 В прозореца „Разгъване/компресиране от“ задайте размера на елемента в началото на ефекта. Тази стойност се определя в проценти или пиксели. 7 В прозореца Expand/Compress To задайте размера на елемента в края на ефекта.Тази стойност се определя в проценти или пиксели. 8 Когато са избрани пиксели за Разширяване/Компресиране от или Разгъване/Компресиране до, полето Ширина и Височина стават видими. Елементът ще се разширява или свива пропорционално в зависимост от избраната опция. 9 Изберете дали да разгънете или свиете елемента до горния ляв ъгъл на страницата или до центъра. 10 Изберете „Превключване на ефекти“, ако искате ефектът да се обръща, разширявайки и свивайки с последователни натискания. Пример за ефект Прилагане на ефекта „Открояване“ Забележка. Този елемент може да се използва с всеки HTML елемент с изключение на applet, body, frame, frameset, noframes. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложите ефекта (по избор). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > "Осветление". 3 Изберете идентификатор на елемент от менюто на листовия елемент. Ако елементът вече е маркиран, изберете . 4 В прозореца Effect Duration задайте продължителността на ефекта в милисекунди. 5 Изберете цвета на осветяването в началото на ефекта. 6 Изберете цвета за осветяване в края на ефекта. Този цвят се запазва само за времето, посочено в прозореца Продължителност на ефекта. 7 Изберете цвета на елемента, след като маркирането приключи. 8 Изберете "Превключване на ефекти", ако искате ефектът да бъде обърнат, като се редуват цветовете на осветлението с последователни натискания. Прилагане на ефекта на разклащане Този ефект може да се използва със следните HTML елементи: адрес, блоков цитат, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, iframe, img, object, p, ol, ul, li, аплет, dir, hr, меню, pre, table. 1 Изберете съдържанието или елемента на оформлението, към койтоискате да приложите ефекта (по избор). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > "Клатя".
3 Изберете идентификатор на елемент от менюто на листовия елемент. Ако елементът вече е маркиран, изберете . Пример за ефект Прилагане на ефекта Slide За да работи ефектът Slide правилно, целевият елемент трябва да бъде поставен в етикет на контейнер, който има уникален идентификатор. Може да бъде блоков цитат, dd, формуляр, div или централен таг. Тагът на целевия елемент може да бъде blockquote, dd, div, form, center, table, span, input, textarea, select или image. 1 Изберете етикета на контейнера на елемента, към който искате да приложите ефекта (по избор). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > "Приплъзване". 3 Маркирайте идентификатора на етикета на контейнера в менюто на целевия елемент. Ако контейнерът вече е избран, изберете селекцията. 4 В прозореца Effect Duration задайте продължителността на ефекта в милисекунди. 5 Изберете ефекта, който да приложите: „Плъзгане нагоре“ или „Плъзгане надолу“ 6 В полето „Плъзгане нагоре от“ посочете началната точка на слайда в проценти или пиксели. 7 В полето „Плъзнете до“ посочете крайната точка на слайда в проценти или пиксели (по-големи от нула). 8 Изберете Превключване на ефекти, ако искате ефектът да бъде обърнат, плъзгайки се нагоре и надолу при последователни натискания. Прилагане на ефекта на пръски Този ефект може да се използва само със следните HTML елементи: адрес, dd, div, dl, dt, форма, img, p, ol, ul, аплет, център, директория, меню, пре. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложите ефекта(не е задължително). 2 В панела Behaviors (Window > Behaviors), щракнете върху бутона + и изберете Effects > "Пръскане". 3 Изберете идентификатор на елемент от менюто на листовия елемент. Ако елементът вече е маркиран, изберете . Добавяне на допълнителен ефект Можете да свържете множество ефекти към един и същи елемент, за да постигнете интересни резултати. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложите ефекта (по избор). 2 В панела Behaviors (Прозорец> Behaviors), щракнете върху бутона + и изберете ефект от менюто Effects. 3 Изберете идентификатор на елемент от менюто на листовия елемент. Ако елементът вече е маркиран, изберете .
Можете да премахнете един или повече ефекти от елемент. 1 Изберете съдържанието или елемента на оформлението, към който искате да приложите ефекта (по избор). 2 В панела Behaviors (Прозорец> Behaviors) изберете ефекта, който искате да премахнете от списъка с поведения. 3 Направете едно от следните. • Щракнете върху бутона „Изтриване на събитие“ в заглавната лента на подпанела „(-)“. • Щракнете с десен бутон (Windows) или щракнете с Control (Macintosh) върху поведение и изберете Премахване на поведение.