Подсветка Одинаковых Элементов В Таблице

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Graf737, 16 апр 2014.

  1. Graf737

    Graf737 New Member

    Регистрация:
    16 апр 2014
    Сообщения:
    1
    Симпатии:
    0
    Всем здрасьте! Помогите чайнику!
    Есть таблица. В каждой ячейке расположены полупрозрачные картинки. При наведении курсора на одну из них она (и все картинки с таким же классом) становятся не прозрачными (100% цвета). Убираешь курсор - цвет пропадает. Хочу сделать, что бы при нажатии на любую из подсвеченных картинок - подсветка оставалась на всех картинках. При нажатии на другую группу картинок она тоже приобретала полный цвет. При втором нажатии - возврат в исходное положение. Сейчас подсветка не фиксируется. Реализовано через скрипт:
    <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>
    Подсказали вот это: http://jsbin.com/yumiv/1/edit?output

    Это как раз то, что мне хотелось бы реализовать!
    Но не могу разобраться, что вставить в свой скрипт!
    К сожалению не силен в создании сайтов! Знаю, что надо учится, но совершенно нет времени! Может кто поможет?
     
Загрузка...

Поделиться этой страницей