Scriptaculous 效果队列不起作用

发布于 2024-09-08 03:25:46 字数 657 浏览 4 评论 0原文

我以前使用过 Scriptaculous(包括效果队列)。由于某种原因,我无法让两张图像一张一张地动画化。这是 html 代码:

<img id=redDot src='images/home_img_icon1.jpg'> 
<br>
<br>
<img id=text55 style="display:none" src='images/home_img_icon2.jpg'>

和我的 scriptaculous 代码:

<script language="javascript">
    Effect.Grow('redDot');
    Effect.Appear('text55', {queue : 'end'});
</script>

您可以在这里看到现场演示:http: //www.365pledge.com/tmp/55Thompson/prototype/

我想要的是第一个图像增长,然后出现另一个图像。相反,它们同时动画。感谢您提供的任何帮助!

I've used Scriptaculous before (including effect queues). For some reason, I can not get two images to animate one after the other. Here is the html code:

<img id=redDot src='images/home_img_icon1.jpg'> 
<br>
<br>
<img id=text55 style="display:none" src='images/home_img_icon2.jpg'>

and my scriptaculous code:

<script language="javascript">
    Effect.Grow('redDot');
    Effect.Appear('text55', {queue : 'end'});
</script>

You can see a live demo here: http://www.365pledge.com/tmp/55Thompson/prototype/

What I want is for the first image to grow, and then for the other image to appear. Instead, they both animate at the same time. Thanks for any help you can provide!

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

青春如此纠结 2024-09-15 03:25:46

您的用法应该有效,但以防万一,您是否尝试过:

new Effect.Grow('redDot', { queue: 'front' });
new Effect.Appear('text55', { queue: 'end' });

另外,在效果前面缺少“新”可能是问题所在。

Your usage should work, but just in case, did you try :

new Effect.Grow('redDot', { queue: 'front' });
new Effect.Appear('text55', { queue: 'end' });

Also, missing the "new" in front of your effects might be what's bugging it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文