Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Skrypt jQuery - info po najechaniu
d.stp
post
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

Ostrzeżenie: (0%)
-----


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. });


Ten post edytował d.stp 20.09.2012, 14:28:45
Go to the top of the page
+Quote Post
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----


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. });
Go to the top of the page
+Quote Post
d.stp
post
Post #3





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

Ostrzeżenie: (0%)
-----


Dzięki wielkie, dokładnie o to mi chodziło
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 10:04