1

我的代码有点乱，我希望你们能帮我出一个聪明的主意。

因此，我正在处理一个 html 页面并使用 scriptaculous 使用切换效果使一些 div 出现和淡出。事情是，要让它工作，你当然必须在你的 div 中使用 style="display: none" ，但这会给我的幻灯片带来问题。让我向您展示它的外观：

- 我的菜单

        <li>
            <ul>
                <li><a href="#" onclick="Effect.toggle('aboutDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('missionDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('contactDiv', 'appear'); return false;"></a>
                </li>
            </ul>
        </li>

我的 div

<div id="portfolioDiv" style="display: none">
<a href="#" class="close" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;">&#10006;</a>
    <!-- 630px X 430px -->
    <div id="slideDiv">
        <ul>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" />
            </li>
        </ul>
    </div>
</div>

- CSS

#portfolioDiv
{
    position: absolute;
    height: 700px;
    width: 430px;
    left: 3%;
    top: 16%;
    border: 1px solid red;
    overflow: hidden;      
}

#slideDiv
{
    position: absolute;
    height: 630px;
    width: 430px;
    top: 70px;
    border: 1px solid black;
    overflow: hidden;
    margin: 0;
    padding: 0px;
}

- 问题

- 我正在使用 Horinaja 幻灯片。

当我style="display: none"在portfolioDiv上使用时，幻灯片不起作用。当我style="display: none"在我的slideDiv上使用它时。我似乎无法理解是什么导致了这个问题。

- 尝试过的解决方案

为了尝试解决这个问题，我想分离 2 个 div（portfolioDiv和slideDiv），然后将它们单独放置，而不是将 slideDiv 放在portfolioDiv 中，但是我需要在我的菜单中使用 Effect.toggle 和 Effect.multiple 和 onclick ，但我无法这样做，因为我基本上不知道该怎么做。

希望你能以某种方式帮助我，谢谢。

4

1 回答 1

0

我解决了它正在使用：

<a href="#" onclick="Effect.multiple(['portfolioDiv','slideDiv'],function(el){Effect.toggle(el,'appear');});">
于 2013-01-23T20:14:52.937 回答