无法使动画正常工作

时间:2014-05-21 20:28:24

标签: javascript html css animation

我有一个Jquery动画应该采用一个覆盖文本框的div,并在单击时将其弹回边框。然而,我似乎无法让动画在重拍后跳起来。任何想法?

Java脚本

function moveup(title,text){
$(title).animate{
if (text).value==""){
                $(title).animate({
                  top: '-18px'}, '300');
                $('text').focus();
                }

                {
    $('.inputborder').css({
  border: 'solid 2px #49acc7'}, '300');
                }

                {
    $('.inputtitle').css({
  color: '#49acc7'}, '300');
                }

} }

        function movedown(t){
            if (t.value==""){
                $('.inputtitle').animate({
              top: '0px'}, '300');
                            }

                            {
                $('.inputborder').css({
              border: 'solid 2px #bec3c8'}, '300');
                            }

                            {
                $('.inputtitle').css({
              color: '#bec3c8'}, '300');
                            }

        }

内联代码

<div id="custnumbertitle" class="inputtitle" style="z-index:2;position:absolute;width:300px;height:35px;text-align:left;left:23px;top:0px;vertical-align:middle;line-height:35px;" onclick="moveup('custnumbertitle,custnumber')"><span style="background-color:white;"> CUSTOMER NUMBER </span> </div>

<Input Type="text" id="custnumber" onblur="movedown(this)" width="150px" style="z-index:1;position:relative;top:3px;right:0px;width:320px;height:30px;border-radius:20px;border: solid 0px #bec3c8;"><a href="#" class="tooltip">

1 个答案:

答案 0 :(得分:0)

您的代码看起来可能会使用大量的清洁工作。首先(text).value=="")需要((text).value==""),还有很多括号似乎没有理由在那里。当你说你想要一个覆盖文本输入的反弹框时,你的意思是this here吗?