Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Форум » Веб-мастерская » (x)HTML » Загорание при наведении
Загорание при наведении
Отправлено 28.01.2012 - 20:361
Нет аватара
Beginner
46 сообщений
Мужчина
Как сдлеать, чтобы, когда наводишь ан элемент, он загорался?
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 28.01.2012 - 20:372
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Code
элемент:hover { ... }
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 28.01.2012 - 20:413
Нет аватара
Бывалый
658 сообщений
Мужчина
Makaveli, вот попробуй так, более подробно объяснил:
Code
<div class="test">Тест</div>

Code
<style type="text/css">
.test:hover {color: red;}
</style>
Профиль Личное сообщение Дом. страница icq Skype
83
Отправлено 28.01.2012 - 20:504
Нет аватара
Beginner
46 сообщений
Мужчина
я имел ввиду он тусклый, а когда нводишь на элемент он загорался.это что то opacity что ли, но не могу понять
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 28.01.2012 - 20:565
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Code
jQuery(function(){  
  $("#test img").hover(function(){  
  $(this).stop().animate({opacity:'1.0'})},  
  function(){$(this).stop().animate({opacity:'.3'})}  
  );  
  });
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 28.01.2012 - 21:036
Нет аватара
Beginner
46 сообщений
Мужчина
jquery!!сапсибо, вспомнил:)
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 28.01.2012 - 21:067
Нет аватара
Бывалый
516 сообщений
Мужчина
Zork, зачем так сложно? Ведь css есть для этого...

Makaveli, вот:
Code
<div class="test">Тест</div>

Code
<style type="text/css">
  .test {opacity: 0.5;} /* 50% - прозрачный
  .test:hover {opacity: 1.0;} /* 100% - непрозрачный при наведении
  </style>
Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 28.01.2012 - 21:118
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Aurinn, можно и так, мне проще jq чем css
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 28.01.2012 - 21:139
Нет аватара
Бывалый
516 сообщений
Мужчина
Zork, я просто только css знаю, а в jquery я полный ноль.
Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 28.01.2012 - 22:2510
uSite Team
1319 сообщений
Мужчина
Просто подсветка:
Code
$('elem').css('opacity', '0.5');
$('elem').hover(function(){ $(this).css('opacity', '1'); }, function(){ $(this).css('opacity', '0.5'); });

Плавная подсветка:
Code
$('elem').css('opacity', '0.5');
$('elem').hover(function(){ $(this).animate({opacity: '1'}, 500); }, function(){ $(this).animate({opacity: '0.5'}, 250); });
Профиль Личное сообщение Дом. страница icq Skype
1203
Отправлено 28.01.2012 - 22:3211
Нет аватара
Бывалый
516 сообщений
Мужчина
Quote (iWebb)
Плавная подсветка

Плавная так же делается с помощью css и опять же проще.
Профиль Личное сообщение Дом. страница icq Skype
61
Отправлено 28.01.2012 - 22:3512
uSite Team
1319 сообщений
Мужчина
Quote (Aurinn)
Плавная так же делается с помощью css и опять же проще.
1. Кода меньше;
2. Кроссбраузерно.
3. Плавно, на CSS?!
Профиль Личное сообщение Дом. страница icq Skype
1203
Отправлено 28.01.2012 - 22:4713
Нет аватара
Бывалый
516 сообщений
Мужчина
Quote (iWebb)
1. Кода меньше;
2. Кроссбраузерно.
3. Плавно, на CSS?!

1. Почти
2. ДА
3. ДА

Добавлено (28.01.2012, 22:43)
---------------------------------------------
Code
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;

Так же вроде можно прописать all, чтобы все элементы сразу плавно менялись.

Добавлено (28.01.2012, 22:47)
---------------------------------------------

Code

<style type="text/css">
.test {
opacity: 0.5;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.test:hover {
opacity: 1.0;
}
   </style>
Профиль Личное сообщение Дом. страница icq Skype
61
Форум » Веб-мастерская » (x)HTML » Загорание при наведении
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация