Archie Goodwin jQuery анимация за атрибути цвят, фон и граници - BitstormAnimateColor плъгин

Упълномощаване

Категории в блога

  • Обществени / Общи теми
  • Новини + Мнение
  • Отражения
  • Уроци или съвети
  • Това е интересно
  • хумор
  • Творчески
  • Преглед
  • Личност
  • Притчи, разкази
  • Новини на сайта
  • Специални / Специални категории
  • Бележки на уеб администратора
  • Въпрос на дизайн
  • Моят компютър
  • MS Office и VBA
  • Други офис програми
  • Дневник / Личен дневник
  • Дневник

    • Препоръчва се

    Облак от етикети

    През устата на великите

    jQuery анимация за атрибути цвят, фон и граници - плъгин BitstormAnimateColor

    jquery

    Невероятната функция jQuery.animate()ви позволява да местите обекти, да ги преоразмерявате, като цяло, да анимирате прехода за почти всяко CSS свойство, за съжаление, с изключение на цвета на текста (color), цвета на запълване (background-color) и цвета на рамката на обекта (border-color). Плъгинът BitstormAnimateColor или другото му име jquery.animate-colors ви позволява да поправите този пропуск на стандартната функционалност на jQuery.

    Примери за достъп до условен елемент с id demodiv чрез плъгин:

    Анимация на цвета на шрифта:

    Цветна анимация за запълване:

    Цветна анимация на рамката на елемента:

    Анимация на определена част от границата на елемента(отдолу - borderBottomColor, отгоре - borderTopColor, отдясно - borderRightColor, отляво - borderLeftColor):

    Цветна анимация на връзката при задържане на мишката:

    Този код анимира цвета на всички връзки на страницата, ако е необходимо да зададете анимацията на цвета на връзката на елемент с клас, например връзка, тогава трябва да промените извикването в кода, а именно да замените реда:

    В случай, че искате да анимиратецвета на всички връзки, които са включени в конкретен блок, посочени например от класа divbox, тогава препратката в кода ще трябва да бъде заменена с

    Анимация за запълване на фона на бутона/връзката при задържане на курсора на мишката:

    Структурата на кода е подобна на предишния пример, само че тук използвахме свойствотоbackgroundColorвместо самоcolor, те могат да се използват паралелно или да се експериментира в комбинация със свойствата на цвета на границатаborderColor.

    Кодът има достъп до връзка с класа ReadMore, как да получите достъп до други елементи, които сме анализирали, използвайки свойствотоcolorкато пример

    Анимирайте цвета на обект или неговото запълване, когато се щракне върху друг

    Всъщност кодът няма да се различава много от това, което вече видяхме по-горе, само че сега анимацията няма да бъде върху събитието при задържане на мишката, а върху събитието с щракване и е по-разумно да зададете анимацията на стил в случай на щракване върху друг обект, а не върху самия бутон. Като пример, нека вземем бутон с класаcolorFuncи се позоваваме на блока с класаcolorMe:

    „Малко за всичко и всичко, за малко“ - това е лозунгът, очевидно е най-доброто определение на темата на блога. Тук пиша за това, което е интересно или важно за мен, всъщност, следователно, диапазонът от теми е много широк - от разсъждения върху философски теми и забавни истории, до конкретни инструкции или анализ на събития.

    MS Office и VBA- този раздел съдържа интересни решения, малко познати функции и функции, добавки и макроси, като цяло всичко, което може да направи работата ви в софтуерния пакет MS Office (предимно Excel, Word, Access, PowerPoint) по-ефективна.

    Други офис програми- раздел за счетоводни програми (конфигурации, платформи, външни отчети за 1C), доставкаотчитане (MeDoc, BestZvit) и анализ на статистически данни (SPSS), също тук можете да намерите прегледи на софтуер за работа с периферни устройства. Свиване