0

我有一个正在开发的网站，并且主页上有多个 Div。我在页面右侧有一个标有 right_bar2 的 div，我希望它每 5-10 秒更改一次。整个 div 将只是一个链接的图像。基本上，我认为最简单的方法是创建一个 div，其中包含一堆隐藏的 div，然后可能是一些 javascript 一次取消隐藏一个 div，然后再次隐藏它并取消隐藏另一个。但是我不确定最好的方法。我查看了一堆示例，但无法使其 100% 正确工作。

感谢您的任何建议；）

JsFiddle 的例子会很棒！

我尝试了类似http://jsfiddle.net/VENLh/4/的东西，但在我的 rails 环境/设置中，它破坏了很多东西，所以我想要更干净、更容易的东西。

4

2 回答 2

0

在这种情况下我能看到的唯一问题是，如果您要使用重图像，加载可能需要一些时间。因为图像将在您第一次显示时开始加载。所以为此我会说你应该保持不透明度0并在页面加载时加载图像。

并且还可以通过使用不透明度来消除一个 div 被隐藏而另一个 div 变得可见的延迟。将一个的不透明度从 100 降低到 0%，将其他的不透明度从 0 增加到 100%。

于 2012-07-10T03:25:40.570 回答
0

我在这个 fiddle中对其进行了一些清理，但是如果您说原始版本在原始环境中破坏了多个东西，那么这可能无法解决它们。它具体破坏了什么？

我清理的是避免需要手动计算 JS 的 DIV 或担心它们的 ID。代码非常简单：

$(function() {
    var $divs = $('div', '#container'),
        total = $divs.length,
        counter = 0,

        showDiv = function() {
            $divs.stop().hide();
            $($divs[counter]).show('fast');
            counter = (conter + 1) % total;
            setTimeout(showDiv, 3000);
        };
    $divs.hide();
    showDiv();
});

我没有执行一项可能应该完成的优化。您可能应该在每个 DIV 上缓存 jQuery 选择器的结果。使用 jQuery 语句很容易做到map，但我不想在这里搅浑水。

于 2012-07-10T03:20:33.383 回答