Как вы попадаете в * частично * в JQuery?

Question

Привет всем.Это кажется достаточно легким, но по какой-то причине мне трудно собрать его воедино.Я хочу создать анимированный эффект "исчезновения", когда div исчезает с 0 непрозрачности до 50% непрозрачности и останавливается.

Насколько я понимаю:

var duration = 1000;
$('#mydiv').fadeIn(duration);

исчезнетdiv до 100%, без возможности ограничить это.

Есть ли элегантный способ установить непрозрачность финишной обработки?

Answer 1

Я думаю, вы используете метод fadeTo () .

Answer 2

.fadeTo ();

Вот и все.

http://api.jquery.com/fadeTo/

---

Вы заметите проблемы с IE и альфа-каналами.

Это прекрасно для FF, хрома и остальных ...

opacity:0;
-moz-opacity:0;

IE ожидает увидеть это:

filter:alpha(opacity=x).

Answer 3

Нет необходимости добавлять другое условие браузера - jQuery будет обрабатывать прозрачность в IE и Firefox, просто используя стандартный вызов opacity:

$('#mydiv').animate(
    {
        opacity : 0.5
    }, 500
);

И да, используйте fadeTo, как и другие упомянутые.

Answer 4

используйте .fadeTo () со вторым параметром, установленным на 0,5.