0

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

这是脚本:

    <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,因为你们可以在网站上看到源代码。

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

这是菜单:

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

4

1 回答 1

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

    margin-top: -150px; 
    position: relative; 
}
于 2012-06-18T02:04:28.523 回答