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

  • PHP разница между print и echo

    Я считаю, что необязательно знать разницу между ними, но все же мне было интересно разобраться, потому как умение досконально разобраться […]

  • Как не передавать HTTP_REFERER

    Мы рассмотрим самый примитивный способ: Что нужно Не передавать заголовок со значением HTTP_REFERER, на те сайты, на которые Вы переходите […]

  • Яндекс браузер — первое впечатление

    Яндекс не отстает и вслед за Google выпустил свой браузер, который незатейливо назвал Яндекс браузер. Что из этого выйдет, покажет […]

  • Drag & drop на ipad, iphone, android

    Как реализовать drug & drop эффект на устройствах с touch-интерфейсом, таких как ipad, iphone, android-os?

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

Ваш адрес email не будет опубликован.

*
*