Класс div исчезает на странице при загрузке - PullRequest
Новая
       19

Класс div исчезает на странице при загрузке

0 голосов
/ 11 декабря 2011

Я бы хотел, чтобы при загрузке страницы появлялись разные классы.

См. эту веб-страницу .

Как вы видите по ссылке выше, есть несколько квадратов разных оттенков серого, а некоторые цвета.

Я хотел бы исчезать на площадях с разными задержками. Я нашел несколько статей и постов о исчезновении в тегах идентификаторов, но ни одной, чтобы исчезать в тегах классов. Я мог бы сделать это по идентификатору, но это означало бы нацеливание на каждый квадрат, поскольку идентификаторы могут воздействовать только на один элемент.

Я хотел бы воздействовать на несколько квадратов одновременно.

1 Ответ

0 голосов
/ 12 декабря 2011

Я бы предложил использовать атрибуты данных, такие как data-start-color="#CCCCCC", data-end-color, data-over-time="100", data-out-time.

Тогда вы могли бы использовать одну функцию для всех квадратов.Нечто подобное (извините, я не проверял это на вашей странице): 

$('.square').hover(
  function() {
    $(this).stop().animate({ backgroundColor: $(this).data('end-color') }, $(this).data('over-time'));
  },
  function() {
    $(this).stop().animate({ backgroundColor: $(this).data('start-color') }, $(this).data('out-time'));
  }
)
...