jQuery — Кроссбраузерная прозрачность, opacity

Кроссбраузерное изменение прозрачности элементов

Изменене прозрачности элемента это очень интересный, и частоприменяющийся эффект.

Делается он чаще всего через метод jQuery animate, который меняет css-свойства, в том числе opacity.

Все бы ничего, но наши любимые братья ишаки седьмой версии и ниже не поддерживают opacity и там это не работает.

Можно конечно поискать где-то скрипты, которые решают эту проблему, можно для ишаков каким-то образом использовать фильтр DxTransform, но к счастью все уже решено за нас.

В jQuery есть замечательный метод fadeTo

Это замечательный маленький пример, чтобы было понятно о чем речь:

1
2
3
<script type="text/javascript">// <![CDATA[
  $('#selector').click(function(){ $(this).fadeTo('slow', '0.3'); })
// ]]></script>

 

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

Random Posts

  • Mozilla Thunderbird посмотреть исходный код письма

    Mozila Thunderbird пожалуй лучший десктопный кроссплатформенный почтовый клиент. Не так давно захотел посмотреть исходный код письма, которое просматривал, и довольно […]

  • Linux su шпаргалка

    Все время забываю этот момент. Для того, чтобы использовать текущий шелл нужно указывать опцию -m

  • Как сделать снимок экрана на компьютере

    Иногда необходимо сфотографировать экран монитора. Существует несколько способов сделать снимок экрана на компьютере или ноутбуке с системой Windows. Рассмотрим самый […]

  • Битрикс: модули с чем их есть

    Итак, к сожалению я знаком с этой cms. Если Вы только начинаете, то лучше не знакомьтесь с ней ни в […]

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*
*