Главная » Файлы » Прочие скрипты » jQuery

Плавное изменение цвета текста, фона и обводки при наведении на jQuery для uCoz
23.06.14, 14:04:00

Скачать файл




Интересный плани, который позволит вам плавно изменять цвет текста, фона под текстом и обводки вокруг текста

Для начала посмотрите ДЕМО

Установка:

После /head на страницах, где будет использован данный плагин, вставляйте:
Код
<script type="text/javascript" src="/js/jquery.color.js" ></script>


Следующий код вставляйте сразу после предыдущего:
Код
<script type="text/javascript">  
  jQuery(document).ready(function(){  

  jQuery(".text").mouseover(  
  function () {  
  jQuery(this).animate({  
  color:"#ff0000"  
  }, 500 );  
  });  

  jQuery(".text").mouseout(function() {  
  jQuery(this).animate({  
  color:"#000"  
  }, 500 );  
  });  

  });  
  </script>


Немного разберём настройки:

.text - класс, к кторорому будет применяться эффект
mouseover, mouseout - функция при наведении/отведении курсора (выполнение скрипта при этих условиях)
color - к какому элементу будет выполняться эффект (backgroundColor - цвет фона; color - цвет текста; outlineColor - цвет обводки; borderBottomColor, borderLeftColor, borderRightColor, borderTopColor - цвет пунктирной обводки [низ, лево, право, верх] )

#ff0000 - цвет текста при наведении курсора
#000 - цвет текста при отведении курсора
500 - скорость смены цвета

Текст, к которому будет применяться эффект, прописывается так:
Код
<span class="text">Меняем цвет текста при наведении мыши</span>


Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: изменение, цвета, обводки, при, Плавное, на, JQuery, наведении, текста, фона
Просмотров: 560 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: