Question

嗨，我根本不熟悉jquery。但我希望在我想要学习和制作的网站上有一个停靠式菜单。 Dock样式菜单示例 http://www.wizzud.com/jqDock/examples/example.php?f=lh_edge 它为您提供了复制html，css，javasript代码的选项。在另一个页面上，实际上这个例子的源页面有一个下载脚本的选项。

我需要三个这种停靠式菜单 1.顶部水平菜单（不完全在顶部，但在页面高度的1/5处说。 2.这个垂直菜单（如例子）。 3.在页面底部。当然，我将有自己的图像来替换这些图标图像。

那么有人会非常友好地引导我走向正确的方向（因为我对所有这一切都完全有害，所以我更喜欢最简单的方法）

Answer 1

您应该查看jQuery Slide函数，它似乎是您链接到的菜单的基础：

http://docs.jquery.com/UI/Effects/Slide

以下是试验的示例：

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

Answer 2

简单地说，你需要一个div元素，它包含你想要在菜单中显示的图像列表。在文档加载事件中，您将

$(function() {
    var opts = {
        align: 'top',
        // all the required options
    };
    $("#div-id").jqDock(opts);
});

使用您想要的选项调用所有3 div上的jqDock方法（使用您提供给div的id）。

您可以在调用div上的jqDock（）函数时设置options对象，以设置它应该是水平还是垂直。您可以在此处找到其他各种选项的详细信息 - http://www.wizzud.com/jqDock/index.php?dt=0&pg=options

align：string，default ='bottom'，values ='top'，'middle'，'bottom'，left'，center'，'right' 修复水平/垂直主轴和扩展方向。

对于水平菜单： 'top'：修复底座的顶部边缘，使图像向下扩展 'middle'：修复图像的中间部分，使图像平均上下扩展 'bottom'：修复底座的底边，使图像向上扩展对于垂直菜单： 'left'：修复底座的左边缘，使图像向右展开 'center'：修复图像的中心，使图像左右平移 'right'：修复停靠栏的右边缘，使图像向左展开

JQuery - 如何为初学者使用jquery

2 个答案: