问题标签 [sliding]

我在本地测试这个：http: //jsfiddle.net/fYkMk/1/ 这是一个预订表格，在鼠标悬停时打开（预订掩码）并在鼠标离开时关闭。它有 4 个字段：

• 日期选择器
• 客人人数
• 房间号
• 夜数

最后三个字段是滑动菜单，单击相关图标即可打开。

这些滑动动画一直有效，直到用户决定“鼠标悬停”然后“鼠标离开”和“鼠标悬停”在预订掩码 div 上再次完成，然后才完成操作/关闭动画。

所以碰巧列表被破坏了，我只能看到其中的一部分。[见下图]

希望你能帮我解决这个问题。谢谢

卢卡

通常我不会发布这样的问题，但有时您正在寻找快速解决方案而无需阅读有关特殊编程语言的整本书。

我正在使用一个名为“Sliding Boxes”的脚本，可以在这里找到。

由于“悬停”在图像上，信息框会简单地滑入。这里没什么大不了的。我想做的是将图像的不透明度从 0.5（正常）增加到 1.0（悬停）。如果我将光标移动到图像上，效果很好。

但是在滑动框覆盖图像后，如果光标位置在信息框区域内，则 1.0 的不透明度会丢失。

所以我需要调整js文件，但是因为我还没有用javascript做任何事情，所以我需要一些帮助。

这是我的脚本：

这是我试图带来滑动效果的javascript函数。

我想要的是，单击右键（绿色按钮）后，滑动效果应该将选项卡替换为另一个选项卡，都是块元素。

但是，效果不起作用，我确信我的 jquery 代码有问题。（淡入淡出效果在左侧按钮（橙色按钮）上效果很好。

这是完整的代码（相当长），但它给出了我想要达到的效果的想法。

提琴手

我真的很纠结 CSS。我正在尝试使用一种滑动门技术来打开一个完整的客户区 div，但我就是无法填满整个客户区。我从这里改装：

http://web.enavu.com/tutorials/sliding-door-effect-with-jquery/

这是代码：

我怎样才能让面板覆盖屏幕的整个客户区域，而不是小细条？

好的，我已经尝试简化并删除所有 css，所以一切都在后面的代码中完成。我按照建议使用视口。但似乎没有任何效果。事实上，它甚至不再识别悬停。

我究竟做错了什么？为什么我似乎无法更改任何宽度、高度等 onload？为什么我的悬停停止工作？

请帮忙。

我正在使用顶部面板下拉菜单。类似于此http://www.yootheme.com/tools/extensions/yootoppanel

最初它在 mootools 中。但我在 IE8 中遇到了问题。所以我想把它改成Jquery。我已经制作了向下滑动和向上滑动的功能。但我无法添加滑动效果。就编码而言，我在按钮的单击事件上调用了一个函数。向下滑动时增加高度，位置等，向上滑动时将其移除。

我的 HTML 代码

请帮忙

嘿，我正在制作一个网站，该网站将具有 1366 像素 x 768 像素的固定背景，不会移动，但有一个内容区域，可以通过按下导航向上或向下移动。问题是我有一个平滑滚动的 jquery 脚本正在运行，并且只有在我不限制包装器的溢出（内容所在的位置）时才有效，并且它向下滚动到我告诉它的 div。我希望它将内容推送到页面顶部上方。我做错了什么还是可行的？

提前致谢。

网站链接是www.andrewapperley.ca/JessicaP/

我处于疯狂的境地。我是一个初学者的javascripter。（你甚至可以说不是初学者）我正在尝试打开菜单（水平）onclick。这将是4级。通过在 Google 和我的朋友上搜索，我已经完成了第二级。但我现在不能承担。我知道我会在 Google 上找到我需要的东西，但这需要很长时间。我还在寻找它。我即将成为一个初学者的javascripter。

我要求的是打开 4 个级别（4 列）并单击任何位置关闭打开的级别。

这是一个很好的网站，有很多我正在寻找的信息。

这些是我的 index.html 和我的 css。

这是我的 css 和 cssreset。

和示例 load1.htm 文件

任何人都可以帮助我进行滑动导航吗？类似于代码的东西，但是当鼠标位置在浏览器的右侧时执行效果。

提前致谢..

我有一个水平导航栏的想法，您所在的页面将有一个下划线或底部边框，当您转到菜单中的 <li> 时，下划线/底部边框将以大约中等速度移动到< li > 你的鼠标悬停在上面。任何帮助将不胜感激。

很抱歉没有提供示例代码。我只是不知道从哪里开始

这是菜单，仅作为示例：

我只设置了一些我试图水平滑入和滑出的基本面板。我想要做的是在页面加载时隐藏除第一个面板之外的所有内容，然后当单击其他面板的链接时，当前显示的内容将向左滑动以隐藏，然后新内容将滑入页面的中心，依此类推。目前，我所拥有的盒子的定位与我不合作。

演示可以在这里查看：

http://jsfiddle.net/fE8ks/

谢谢！