1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Подсветка одинаковых элементов в таблице

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Graf737, 16 апр 2014.

  1. Graf737

    Graf737

    Регистрация:
    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

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

    Commondore

    Регистрация:
    1 мар 2014
    Сообщения:
    14
    Симпатии:
    2
    Скрипт есть все что осталось сделать это создать файл js, вставить в него код с примера который вам показали и подключить его к странице