0

メニューバーにカーソルを合わせると、コンテンツが 50% になるようにします。どういうわけか、私はそれを成し遂げません。2 つの div しかないテスト ページで実行します。divが増えるとすぐに機能しません。なぜだめですか？？？私が参照しているページはhttp://www.guntmarwolff.com/eigenschaftenv.phpです

よろしくお願いします。 

    $(document).ready(function(){

      $("Layer5").mouseover(function(){
          $("header1").fadeTo('slow', 0.5);
      });

      $("Layer5").mouseout(function(){
          $("header1").fadeTo('slow', 1);
      });
  });

</script>


<div id="Layer5">
    <div style="position:relative; top:125px; left:480px; font-size:50px; z-index:1000;"><ul class="topmenu" id="css3menu1" name="css3menu1">
    <li class="topfirst"><a href="http://www.xy.com" style="height:26px;line-height:26px;">Home</a></li>
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"><span>Info</span></a>


<div id="container1">
<div id="header1" class="header1">
  <div class="navbar1" style="position:relative;top:0px;left:-40px;z-index:1200px; id="about"><img src="headeigenschaftendeserfolgs.png" border="0"/></div>
  <p>
<p>

4

2 に答える 2

1

まず、ID には名前の前にハッシュがあります。

id="レイヤー5"

CSS

#Layer5 {}

js (jクエリ)

$("#Layer5");

それは修正されました。HTMLをソートする必要があります。これは私のために働く：

 $(document).ready(function(){

  $("#Layer5 li a").hover( function() {
       console.log("in");
      $("#header1").fadeTo('slow', 0.5);
      }, 
  function () {
      console.log("out");
      $("#header1").fadeTo('slow', 1);
});

});

<div id="Layer5">
<div style="position:relative; top: 0px; left:80px; font-size:50px; z-index:1000;">
    <ul class="topmenu" id="css3menu1" name="css3menu1">
        <li class="topfirst"><a href="http://www.xy.com" style="height:26px;line-height:26px;">Home</a></li>
        <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"><span>Info</span></a></li>
    </ul>
</div>

すべてのコンテンツ

于 2012-12-08T01:52:29.850 に答える
0

元の投稿のトピックから少し外れますが、JQuery の利点の 1 つは、複数のイベントを簡単に連鎖できることです。

$(document).ready(function(){
  $("#Layer5").mouseover(function(){
    $("#header1").fadeTo('slow', 0.5);
  })
  .mouseout(function(){
    $("#header1").fadeTo('slow', 1);
  });
});
于 2012-12-08T02:02:13.850 に答える