Javascript HTML5和CSS3树菜单，具有良好的悬停效果

我想使用HTML5和CSS3或jquery菜单或以某种方式使用普通html、css和javascript实现一个树菜单，如下面的链接。

您可能会注意到，其中涉及以下问题：

很好的悬停效果我非常需要这个 菜单项箭头图标的旋转 在这里，你可以看到平稳地上下滑动，这对我来说不是问题

---

如有任何意见或参考，将不胜感激。谢谢开始我们需要HTML

<p class="menu_head">first</p>

    <div class="menu_body">
         <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
           <a href="">4</a>
    </div>

  <p class="menu_head1">Second</p>

    <div class="menu_body">
         <a href="">1</a>

    </div>

我添加了mouseover和mouseout以获得玻璃效果。只需创建一个白色或任何颜色的背景，或者删除.css就可以了

$(this).fadeTo("slow",0.33);

CSS

看

尝试编辑css，因为它是为了适应我的网站而制作的。

---

Gudluck要开始，我们需要HTML

<p class="menu_head">first</p>

    <div class="menu_body">
         <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
           <a href="">4</a>
    </div>

  <p class="menu_head1">Second</p>

    <div class="menu_body">
         <a href="">1</a>

    </div>

我添加了mouseover和mouseout以获得玻璃效果。只需创建一个白色或任何颜色的背景，或者删除.css就可以了

$(this).fadeTo("slow",0.33);

CSS

看

尝试编辑css，因为它是为了适应我的网站而制作的。

---

Gudluck

任何其他链接。网站太重了。好难装啊，现在装了。我将发布我的代码，以帮助您进行任何其他链接。网站太重了。好难装啊，现在装了。我将发布我的代码以帮助您，您可能缺少firstpane包装器div。无论如何，让我调查一下，谢谢我的测试。你只需在点击时显示平滑的上下滑动，但我也非常需要像我提到的演示链接一样的悬停玻璃效果。悬停时我看到玻璃效果，我认为这也是一个使用jquery和不透明的css事件。让我来处理它并告诉你最新情况。我查看了这个网站，它是用flash创建的。让我们看看我们是否可以在中复制它jquery@shahdat我不知道这个效果是否会产生与你给的网站相同的效果，但至少我能做到。它还具有玻璃效果，只需在按钮上添加不透明度或bg图像即可实现效果。祝你玩得开心。希望对您有所帮助。感谢您的尝试，但我们需要在悬停中间到左右两侧的移动效果。您可能缺少第一窗格包装分区。无论如何，让我调查一下，谢谢我的测试。你只需在点击时显示平滑的上下滑动，但我也非常需要像我提到的演示链接一样的悬停玻璃效果。悬停时我看到玻璃效果，我认为这也是一个使用jquery和不透明的css事件。让我来处理它并告诉你最新情况。我查看了这个网站，它是用flash创建的。让我们看看我们是否可以在中复制它jquery@shahdat我不知道这个效果是否会产生与你给的网站相同的效果，但至少我能做到。它还具有玻璃效果，只需在按钮上添加不透明度或bg图像即可实现效果。祝你玩得开心。希望有帮助。谢谢你的尝试，但我们需要一个悬停中间左右移动的效果