Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Skrypt jQuery - info po najechaniu
Forum PHP.pl > Forum > Gotowe rozwiązania
d.stp
Chodzi mi taki efekt jak tu:
http://avangardo.pl/realizacje.php

po najechaniu na zdjęcie pokazuje się jakieś info na zdjęciu. Jak się coś takiego nazywa?

próbowałem sam zrobić, ale po najechaniu na jakiekolwiek zdjęcie pokazuje mi info dla każdego zdjęcia, a nie tylko dla tego najechanego biggrin.gif
  1. $(document).ready(function(){
  2.  
  3. $(".content ul li a").hover(function(){
  4. $(".content ul li p").show();
  5. },
  6. function(){
  7. $(".content ul li p").hide();
  8. });
  9.  
  10. });
Arcioch
Hej wink.gif

Opis pluginu : http://buildinternet.com/2009/03/sliding-b...ns-with-jquery/
Demo: http://s3.amazonaws.com/buildinternet/live...boxes/index.htm

Dobrze że próbujesz coś takiego sam napisać bo nie jest to trudne wink.gif Odnośnie Twojego kodu robisz prostu błąd łapiesz wszystkie elementy o takiej klasie a nie wewnątrz pojedynczego elementu li. Zakładając że Twój HTML wygląda tak:

  1. <div class="content">
  2. <ul>
  3. <li><a href="#">cos tam <p>cos tam</p></a></li>
  4. </ul>
  5. </div>


Twój js powinien wyglądać tak

  1. $(document).ready(function(){
  2.  
  3. $(".content ul li a").hover(function(){
  4. $(this).find('p').show();
  5. },
  6. function(){
  7. $(this).find('p').hide();
  8. });
  9.  
  10. });


Jeszcze może być drugi wariant Twojego kodu:

  1. <div class="content">
  2. <ul>
  3. <li>
  4. <a href="#">cos tam</a>
  5. <p>cos tam</p>
  6. </li>
  7. </ul>
  8. </div>


wtedy Twój js powinien wyglądać tak:

  1. $(document).ready(function(){
  2.  
  3. $(".content ul li a").hover(function(){
  4. $(this).parent().find('p').show();
  5. },
  6. function(){
  7. $(this).parent().find('p').hide();
  8. });
  9.  
  10. });
d.stp
Dzięki wielkie, dokładnie o to mi chodziło
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.