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 に答える