gpt4 book ai didi

javascript - "Drop Up"jQuery 中的菜单问题

转载 作者:太空宇宙 更新时间:2023-11-04 05:03:07 24 4
gpt4 key购买 nike

好的,我真的需要一些帮助。我是设计和其他方面的新手,但我是一个很好的学习者。无论如何,我正在尝试构建这个网站,我需要在页面中间创建一个菜单。就像,有一个标志,当你滚动它时,菜单会滑到它上面,而不是像普通菜单那样滑到下面。脚本运行良好,我正在使用 jQuery 和所有工具,当您滚动时菜单会上升,但问题是,当菜单向上滑动时, Logo 会下降。就像,我希望 Logo 保持固定,只有菜单上去。我不知道我做错了什么,但这让我很头疼……是的,我知道,我是新手,但我才刚刚开始学习这些东西……

这是脚本:

    <script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").mouseenter(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});

});
</script>

这是 CSS:

      #panel {
background: #fff;
height: 150px;
display: none;
}
.slide {
margin: 0;
padding: 0;
background: url(img/menu/main.jpg) no-repeat center top;
}
.btn-slide {
background: url(img/menu/main.jpg) no-repeat right;
text-align: center;
width: 150px;
height: 58px;
padding: 0px 0px 0 0;
margin: 0 auto;
display: block;
color: #fff;
text-decoration: none;
}
.active {
background-image:url(img/menu/main.jpg);
}

我不会发布 html,因为你们可以在网站上看到源代码。

附言。我在表格单元格中使用了一个 DIV...如果有人可以帮助我...

这是菜单:

http://www.avuzedesigns.com/estiloearte/

最佳答案

#panel {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
height: 150px;

margin-top: -150px;
position: relative;
}

关于javascript - "Drop Up"jQuery 中的菜单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11076164/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com