Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Зафиксировать подсветку картинок
 
 автор: Graf737   (12.04.2014 в 16:19)   письмо автору
 
 

Есть таблица. В каждой ячейке расположены полупрозрачные картинки. При наведении курсора на одну из них она (и все картинки с таким же классом) становятся не прозрачными (100% цвета). Убираешь курсор - цвет пропадает. Хочу сделать, что бы при нажатии на любую из подсвеченных картинок - подсветка оставалась на всех картинках. При нажатии на другую группу картинок она тоже приобретала полный цвет. При втором нажатии - возврат в исходное положение.rnСейчас подсветка не фиксируется. Реализовано через скрипт:
<style type="text/css" media="screen">
span.hovered {
filter: alpha(Opacity=100); /* Полупрозрачность для IE */
opacity: 1.0; /* Полупрозрачность для других браузеров */
}
span {
filter: alpha(Opacity=40); /* Полупрозрачность для IE */
opacity: 0.40; /* Полупрозрачность для других браузеров */
}
</style>

  Ответить  
 
 автор: Deed   (14.04.2014 в 18:49)   письмо автору
 
   для: Graf737   (12.04.2014 в 16:19)
 

http://jsbin.com/yumiv/1/edit?output

  Ответить  
 
 автор: Graf737   (15.04.2014 в 05:24)   письмо автору
 
   для: Deed   (14.04.2014 в 18:49)
 

Спасибо! Это как раз то, что мне хотелось бы реализовать!
Теперь бы только разобраться, что вставить в свой скрипт!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования