滑动和褪色效果

发布于 2024-09-01 03:06:58 字数 210 浏览 6 评论 0原文

我是如何想出这个、侧边栏和顶部滑动位的:

Apple iPad 页面

Scriptaculous 或 jQuery 等。

我希望在我的网站上的一个页面上使用它来实现加载效果。

谢谢 :)

How do I come up with this, the sidebar and the top sliding bit:

Apple iPad Page

Scriptaculous or jQuery, etc.

I'd like this for one of my pages on my website to do the effects on load.

Thanks :)

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

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

发布评论

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

评论(1

望笑 2024-09-08 03:06:58

在Apple 网站上,它是使用带有“幻灯片”和“淡入淡出”效果的Scriptaculous 完成的。他们还使用专有的“-webkit-transition-delay”CSS 命令来延迟侧面导航项的滑动效果。但由于它是 webkit 独有的 CSS 属性,因此效果与 Firefox 等浏览器不同。

您可以使用 Effect.SlideUp() 函数获得类似顶部导航的简单效果。

On the Apple website it is done using Scriptaculous with the "slide" and "fade" effects. They also use the prorietary "-webkit-transition-delay" CSS command to delay the slide effect on the side navigation items. But as it is a webkit only CSS property, the effect is diffrent to browsers like Firefox.

A simple effect like in the top navigation you can get by using the function Effect.SlideUp().

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