问题标签 [sliding]

我正在尝试使用 JavaScript 创建一个图像滑块。

HTML

脚本

我想以这样一种方式滑动两个图像，即即将出现的图像显示在第二个位置并滑动到第一个位置，并且两个图像都必须是内联的。

我找不到错误。有人可以帮我解决吗？

这是 facebook 滑动菜单的示例。

滑动时，用户可以看到 20% 的空间，这与 facebook 类似。Facebook 通过单击这 20% 的任意位置来实现它，并且菜单向后滑动。

如何实施？

我正在尝试编写具有多个独立页面的网站，并且我想使用页面之间的幻灯片转换效果，因为它可以使用 jquery 移动框架完成，但不使用这个。我的目标是制作一个桌面网站，而不是一个移动应用程序。

流动性和执行速度是我的目标。我看到您可以使用 jQuery Easing 插件（版本 1.3），但我无法放置此代码以在独立页面之间实现流畅的过渡效果。

我打算用 TerrenceRyan.com 解决方案做这个过渡页面效果，但它不能正常工作。

我不想使用 jquery 锚点或隐藏的 div 进行导航，这些 div 放置在长长的一页中，但许多独立的页面会在点击滑动时到达。

为了给你一个我想要实现的例子，这里有一些链接：

http://www.craigandkarl.com/ http://www.ultranoir.com/

我绝对是 JQuery 的初学者（但我对 JS 和其他语言的编程有一些了解）
我有两个目标：

1. 非常简单的选项卡（或任何控件），单击时旧（活动）选项卡内容淡出，然后单击选项卡内容淡入（同一位置）
2. 与 1 相同，但内容是水平滑动而不是淡出。我不想要 JQuery UI，因为这对于这种简单的东西来说太过分了，我想学习。

目标 1，JS：

HTML：

如何找到活动的 div，而不是用$("div.tabs > div")infadeOut和 in戳所有 div fadeIn？

目标2：
我读过slideUp，slideDown但那是垂直的，也许我必须使用animate()？
如何？如果它太复杂而不是垂直幻灯片对我有好处......

在我正在开发的 web 应用程序中，我想创建一些滑块 div，它们将分别通过 mouseover 和 mouseout 上下移动。我目前使用 JQuery 的hover()功能实现它，根据需要使用animate()和减少/增加它的topcss 值. 实际上，这工作得很好。

问题是它往往会卡住。如果将鼠标移到它上面（尤其是靠近底部），然后快速移开它，它会连续上下滑动，直到完成 3-5 个循环才会停止。对我来说，这个问题似乎与一个动画在另一个动画完成之前开始有关（例如，两个动画试图运行，所以它们来回滑动。）

好的，现在是代码。这是我正在使用的基本 JQuery：

我还重新创建了JSFiddle中的行为。

关于发生了什么的任何想法？:)

==编辑==更新的JSFiddle

Hi people I already implementing a movile fixed menu to my site based on jquery but i have a little problem with marginTop and marginBottom inside on a each sentence, the marginBottom is not working it seams like something is missing , plz check it out.

On-live example: http://www.utxj.edu.mx/menu_example/index.html

My code...

Tnx 4 help.

我有一组图像 url，我必须首先从中下载图像，然后以滑动方式显示。但我想异步下载图像。我一次使用 3 张图像，如下面的代码：

谁能告诉我我应该在哪里从网址下载图像。谢谢

我有一个ActivityGroup打算开发一个tabHost. 其中一个选项卡包含两个活动。问题是当我在这两个活动之间移动时，它们之间没有滑动。旧活动消失，新活动自动出现在屏幕上。

我需要实现的是 - 当我从活动 2 移回活动 1 时，活动 2 必须通过向右滑动离开屏幕，而新活动（活动 1）必须通过从左向右滑动进入屏幕.

当使用意图在活动之间移动时，效果类似于android默认样式！

到目前为止，我取得的成就是：

当我尝试从活动 2 移动到活动 1 时：活动 2（旧活动）从屏幕上消失，屏幕变黑，新活动通过从左向右滑动进入屏幕。如果我能设法让旧的活动也通过滑动离开屏幕，那就太好了。

这是我从旧活动返回到新活动的代码：

如果我把那条线放回去，旧的活动不会做任何滑动就会消失！！！！

我使用三星 Galaxy 进行测试，我尝试使用overridePendingTransition，但它对动画没有影响。

这是我的xml文件：

谢谢你。希望您能够帮助我。

基本上我所拥有的是 4 个 div，每个都从一个设定的高度开始，当您将鼠标悬停在它们上时，它们会进行动画处理以使 div 更高，从而完整地显示背景图像，而不仅仅是最初显示的图像的潜伏高峰。你可以看看我在这里得到了什么：

http://jsfiddle.net/u2DK7/

基本上我想要它做的是当您将鼠标悬停在其中一个框上时，它会扩展内容而不是向下推。我曾短暂地尝试过绝对定位，但这似乎不是我所需要的。

我想知道的另一件事是是否有任何方法可以使动画指令工作一次。虽然来回徘徊，然后观看您排队的动画的手风琴风格效果非常酷，但这并不是我真正想要的工作方式！

顺便说一句，我需要保留在 html 代码中的样式标签，这样我就可以在不设置 4 个单独的 div 的情况下更改背景图像！

提前致谢！

在我的应用程序中，我有一个按钮。我希望能够点击该按钮，然后将其移动到屏幕上的某个点。但是，我也希望图像滑动到该点而不是仅仅出现在那里。我有什么办法可以做到这一点？在这一点上，我的图像去我需要它去的地方，我只想让它滑到那里。任何帮助深表感谢。谢谢！