Javascript 导航栏-设置ul动画

我想制作一个导航栏，其中包含单击时滑出的子菜单

因此，我想在单击另一个无序列表项时设置无序列表的动画

所以我在想：（不包括CSS）

所以我认为整个第二个列表会向右滑动，但事实并非如此

专家们有什么建议

基本结构

试试这个：

$(document).ready(function () {
   $("#filemenu").click(function () {
        $("div.fileSubmenu").animate({paddingLeft:'50px'});
   });
});

因为使用left属性，您只能修改

position:relative

或

position:absolute

的元素，请尝试以下方法：

$(document).ready(function () {
   $("#filemenu").click(function () {
        $("div.fileSubmenu").animate({paddingLeft:'50px'});
   });
});

因为使用left属性，您只能修改

position:relative

或

position:absolute

的元素，请尝试以下方法：

$(document).ready(function () {
   $("#filemenu").click(function () {
        $("div.fileSubmenu").animate({paddingLeft:'50px'});
   });
});

因为使用left属性，您只能修改

position:relative

或

position:absolute

的元素，请尝试以下方法：

$(document).ready(function () {
   $("#filemenu").click(function () {
        $("div.fileSubmenu").animate({paddingLeft:'50px'});
   });
});

---

因为使用left属性，您只能修改

position:relative

或

position:absolute

的元素，您只需要使CSS定位使用默认值以外的内容（即

static

）

CSS: 如果您对严格使用jQuery感到苦恼：

jQuery：

---

您只需要让CSS定位使用默认设置以外的其他设置（即

静态设置

）

CSS: 如果您对严格使用jQuery感到苦恼：

jQuery：

---

您只需要让CSS定位使用默认设置以外的其他设置（即

静态设置

）

CSS: 如果您对严格使用jQuery感到苦恼：

jQuery：

---

您只需要让CSS定位使用默认设置以外的其他设置（即

静态设置

）

CSS: 如果您对严格使用jQuery感到苦恼：

jQuery：

---

这里是一个伟大的演示建设和动画幻灯片出导航菜单。这是固定在屏幕左侧，但你们可以调整它，以满足你们的需要。

---

这是一个关于构建滑出导航菜单并设置其动画的演示。这是固定在屏幕左侧，但你们可以调整它，以满足你们的需要。

---

这是一个关于构建滑出导航菜单并设置其动画的演示。这是固定在屏幕左侧，但你们可以调整它，以满足你们的需要。

---

这是一个关于构建滑出导航菜单并设置其动画的演示。这是固定在屏幕左侧，但你们可以调整它，以满足你们的需要。 试试这个：

JS

 $(document).ready(function () {

    $("#menu li").click(function () {
        $( ".fileSubmenu" ).animate({
           width: "70%",
          marginLeft: "50px"
         }, 1500 );
    });
  });

试试这个：

JS

 $(document).ready(function () {

    $("#menu li").click(function () {
        $( ".fileSubmenu" ).animate({
           width: "70%",
          marginLeft: "50px"
         }, 1500 );
    });
  });

试试这个：

JS

 $(document).ready(function () {

    $("#menu li").click(function () {
        $( ".fileSubmenu" ).animate({
           width: "70%",
          marginLeft: "50px"
         }, 1500 );
    });
  });

试试这个：

JS

 $(document).ready(function () {

    $("#menu li").click(function () {
        $( ".fileSubmenu" ).animate({
           width: "70%",
          marginLeft: "50px"
         }, 1500 );
    });
  });

---

您可以添加一个JSFIDLE来显示您已经完成的工作吗？你有任何CSS来配合这个吗？也许有一些定位？你能添加一个JSFIDLE来显示你已经做了什么吗？你有任何CSS来配合这个吗？也许有一些定位？你能添加一个JSFIDLE来显示你已经做了什么吗？你有任何CSS来配合这个吗？也许有一些定位？你能添加一个JSFIDLE来显示你已经做了什么吗？你有任何CSS来配合这个吗？也许有一些定位？就是这样！谢谢你，先生。那么为什么需要paddinLeft呢？如果未设置左属性，左属性是否为默认属性？

left

-属性对定位为

static

的元素没有影响。每个默认位置都有一个div

static

。在那里，您必须始终使用

边距

或

填充

。就是这样！谢谢你，先生。那么为什么需要paddinLeft呢？如果未设置左属性，左属性是否为默认属性？

left

-属性对定位为

static

的元素没有影响。每个默认位置都有一个div

static

。在那里，您必须始终使用

边距

或

填充

。就是这样！谢谢你，先生。那么为什么需要paddinLeft呢？如果未设置左属性，左属性是否为默认属性？

left

-属性对定位为

static

的元素没有影响。每个默认位置都有一个div

static

。在那里，您必须始终使用

边距

或

填充

。就是这样！谢谢你，先生。那么为什么需要paddinLeft呢？如果未设置左属性，左属性是否为默认属性？

left

-属性对定位为

static

的元素没有影响。每个默认位置都有一个div

static

。在这里，您必须始终使用

边距

或

填充

。