Влияет ли Jquery на «появляющийся» текст?

0

Предполагая, что этот простой HTML

<input autofocus="autofocus"  type="password" id="inputId" name="inputName"/>
<p id="textId"></p>

Я хочу сделать это с помощью jQuery:

    $(document).ready(function () {
        $('#inputId').keyup(function () {
            $('#textId').text('customText')       
        })
    })

Но я хочу добавить эффект к функции .text(), что-то вроде "переходного" эффекта css.

Как я могу это сделать?

  • 0
    анимируйте непрозрачность и изменяйте текст в конце анимации, затем снова анимируйте.
Теги:

2 ответа

1
Лучший ответ

Пытаться

.hide() p сначала, чем .fadeIn()

$(document).ready(function () {
    $('#inputId').keyup(function () {
        $('#textId').hide().text('customText').fadeIn('fast');
    });
});
0

Попробуй это

$(document).ready(function () {
        $('#inputId').keyup(function () {
            $('#textId').hide().text('customText').delay(1000).fadeIn();      
        })
    })

DEMO

Ещё вопросы

Сообщество Overcoder
Наверх
Меню