使用jQuery移动输入文本

时间:2015-03-16 05:24:28

标签: jquery

我想操作输入框中的文本。 首先,我想把它移动然后消失。

以下是它的消失方式:

$(document).ready(function () {
    //a bit stupid loop
    var i;
    for (i = 0; i < 100; i++) {
        //text disappearance
        var input = $("#textboxid");

        input.delay(5000).animate({

        }, 4000, function () {

            $(this).val('').css('color', 'black');
        }); 
    }
});

那么在&#34;消失之前如何提升它?&#34;?

1 个答案:

答案 0 :(得分:0)

你的代码很乱。使用这个:

当用户点击文本框时执行此操作。

$(document).ready(function() {
    $("#textboxid").click(function(){
        $(this).animate("margin-top","-50px",1000,function(){
            $(this).fadeOut(1000);
        });
    });
});

你可以用一点技巧。将文本框包装成div或类似的东西。并从文本框中删除每个样式。然后。当文本框移动时,它似乎移动了文本。在此之前,您应该将容器的overflow设置为hidden,并为其指定宽度和高度。

相关问题