如何使用jqwicket动画?

时间:2011-10-19 14:43:16

标签: jquery wicket jquery-animate

我是jqwicket的新手。基本上我想知道如何使用jqwicket为div添加动画。

通过使用html和jquery很容易做到这一点:

----- jquery part -----------

 $('#play').click(function()
{$('#testDIV').animate({top:'300', left:'10', height:'toggle',  
width:'toggle'},1000);}); $('#back').click(function() 
{$('#testDIV').animate({top:'40', left:'300', height:'toggle', width:'toggle'},1000);});

----- HTML部分------------------------------

<div id="play">
  play
</div>
<div id="back">
  back
</div>
<div id="testDIV" style="position:absolute;float:right;clear:left;top:40px; left: 300px; background-color:red; height:50px;width:50px;" />

现在我想将上面的jquery代码翻译成jqwicket代码。这是动画部分,我不明白。 在java代码中我把它:

add(new JQBehavior(S.id("play").to$().click(JQuery.$f(S.id("testDIV").to$().animate(??????))))); 

如你所见,动画部分充满了?字符。

谢谢。

1 个答案:

答案 0 :(得分:1)

   add(new JQBehavior(
            S.id("play").to$().click(JQuery.$f(
                S.id("testDIV").to$().animate(JQOptions.valueOf("top:'300', left:'10', height:'toggle', " +
                        "width:'toggle'"), JQLiteral._raw(1000))
            )),
            S.id("back").to$().click(JQuery.$f(
                S.id("testDIV").to$().animate(JQOptions.valueOf("top:'40', left:'300', height:'toggle', " +
                        "width:'toggle'"), JQLiteral._raw(1000))
            ))

    ));