Javascript 如何使用动画？

我只是JavaScript的初学者，但我尝试做一些功能，我在互联网上跟随一些人

我正在尝试隐藏和显示菜单

我的目的是当我将鼠标移动到菜单时，它将从下到上显示，当我将鼠标移动到外部时，它将从上到下缓慢移动。 我可以使用单击功能，但当我尝试使用movemouse和mouseleave时，它无法工作

我创建了2个函数

function showSelect() {
    $("#select").animate({"bottom": 0}, 300, 'linear');
}
function hideSelect() {
    $("#select").animate({"bottom": -148}, 300, 'linear');
}

下面的代码移动我的鼠标：

$("#select").mousemove(function() {
    $("#select").showSelect();
}).mouseleave(function() {
    $("select").hideSelect();  
});

---

我希望有人能给我一些建议。谢谢

只需调用该函数，因为您已经在该函数中绑定了要设置动画的元素：

    //$("#select").showSelect();
    showSelect();

根据您的要求，我想您需要mouseenter和mouseleave：

$('#select').mouseenter(function() {
    showSelect();
}).mouseleave(function(){
    hideSelect();
});

这是你的护照

您需要应用以下代码

$( "#select" ).mouseout(function() {
 $("#select").animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );
  });
  $( "#select" ).mouseover(function() {
 $("#select").animate({
    width: "90%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );
  });

嘿，伙计，试试这个：

$('#select').hover(function (){
    // when mouse hover
    showSelect();
}, function (){
    // when mouse out
    hideSelect();
});

---

“它不能工作”请解释问题所在，以便人们能够提供帮助。而且，被视为其他人无论如何都会这么说java！=javascriptI看到了您的代码，但当我将鼠标移到外面时，它并没有变小。我已经将宽度减少了70%，您可以根据需要减少参数