jQuery realisiert Bildhervorhebung

<Text>
 <div>
 /*Bild hinzufügen*/
  <img src="img/1.jpg">
  <img src="img/2.jpg">
  <img src="img/3.jpg">
  <img src="img/4.jpg">
  <img src="img/5.jpg">
  <img src="img/6.jpg">
 </div>
</body>

<Stil>
 html{Hintergrund:#000;}
 div{
  Breite: 700px;
  Höhe: 410px;
  Rand: 1px durchgezogen #ddd;
  Rand: 50px automatisch;
  Polsterung: 0 20px;
 }
 div img{
        Rand: 10px 10px 0 20px;
    }
</Stil>

<Skript>
// Hover-Ereignis zur großen Box hinzufügen $("div").hover(function(){
 // Hover-Ereignis zu jedem Bild hinzufügen $("img").hover(function(){
            // Fügen Sie dem aktuellen Bild eine Animation hinzu, um die Transparenz zu ändern $(this).stop(true).animate({opacity:1},100)
                $(diese).geschwister().stop(true).animate({opacity:.5})
            })
        })
        // Wenn sich die Maus von der großen Box wegbewegt, füge eine Animation hinzu, um die Transparenz zu ändern $("div").mouseout(function(){
            $("img").animieren({opacity:1},100)
        })
</Skript>