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

Простое плавное изменение прозрачности элементов by Apocalypse для uCoz
23.06.14, 14:15:52



Сегодня написал простой код для плавного изменения прозрачности элементов, используя современную тенденцию "Вылавливания" элементов по идентификатору (В нашем случае по классу). За введение в Азы jQuery большое спасибо Евгению Попову, а точнее, его учебнику по javascript и jQuery (Администратору всем известного Ruseller'a)

Установка:

После /head на нужных страницах вставляйте:
Код
<script type="text/javascript">
  $(document).ready(function(){  

  //Выставляем прозрачность на 50%  
  $(".image1").css({'opacity':'0.5'});  

  //Прописываем функцию изменения непрозрачности до 100% при наведении курсора  
  $('.image1').mouseover(  
function() {  
$(this).stop().fadeTo(500, 1);  
}  
)  

  //Прописываем возвращение функции изменения прозрачности до 50% при отведении курсора  
  $('.image1').mouseout(  
function() {  
$(this).stop().fadeTo(500, 0.5);  
}  
)  

  });
  </script>


Скрипт будет обрабатывать класс image1, который мы присвоим нужному (Нужным) элементам. В нашем случае это картинка:
Код
<img class="image1" src="Ссылка на картинку" width="300" border="0">


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

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