如何使用 jqwicket 制作动画？

发布于 2024-12-10 22:34:54 字数 937 浏览 0 评论 0原文

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

只需使用 html 和 jquery 即可轻松完成此操作：

----- jquery 部分------------

 $('#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(??????)))));

正如你所看到的动画部分充满了？人物。

谢谢。

原文

I am new to jqwicket. Basically I wanted to know how to add animation to a div using jqwicket.

It is easy to do this by using just html and 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 part------------------------------

<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;" />

Now I want to translate the above jquery code to jqwicket code. It is the animation part that I don't understand.
In the java code I put this:

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

As you can see the animation part is filled with ? characters.

Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鼻尖触碰 2024-12-17 22:34:54

   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))
            ))

    ));

   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))
            ))

    ));

回复收藏 0 原文

~没有更多了~