Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] wysuwane divy
-Gość-
post
Post #1





Goście
Witam
Mam problem ze stworzeniem wysuwanych divow. Na pewno kojarzycie o co mi chodzi, bo jest to zastosowane na wielu stronach, z boku po najechaniu myszką wysuwa się div z jakąś zawartością, najczęściej jest to jakiś konkurs albo facebook
No ale do rzeczy, łatwo znaleźć taki skrypt, ale niestety działa tylko dla jednego diva, gdy chcę dodać drugi to już je ignoruje i nie wyświetla.

Tutaj przykład takiego skryptu
[HTML] pobierz, plaintext 
  1.     <head>
  2.     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  3.     <script type="text/javascript" src="js/skrypt.js"></script>
  4.     <style type="text/css">
  5.     body { height: 2000px;}
  6.     #wysuwany_div { width: 394px; height: 352px; background: url(../wysuwany.png) no-repeat; position: fixed; top: 100px; right: -350px;}
  7.     </style>
  8.     </head>
  9.     <body>
  10.        <div id="wysuwany_div">
  11.        </div>
  12.     </body>
  13.     </html>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1.     $(document).ready(function () {
  2.                          $("#wysuwany_div").mouseover(function() {
  3.                                                      $("#wysuwany_div").stop();
  4.                                                      $("#wysuwany_div").animate({
  5.                                                                      right: "0",
  6.                                                                      },350
  7.                                                                      );
  8.                                                      })
  9.                          $("#wysuwany_div").mouseout(   
  10.                                               function() {
  11.                                                        $("#wysuwany_div").stop();
  12.                                                        $("#wysuwany_div").animate({
  13.                                                                       right: "-350",
  14.                                                                       }, 350
  15.                                                                       );
  16.                                                                       });
  17.  
  18.                          })
[HTML] pobierz, plaintext

Próbowałem zmieniać # na . aby była klasa a nie id, ale to nie działa, bo pomija wcześniejsze divy i wysuwany jest tylko ostatni.
Z JS i jQury nic nie wiem, dlatego może ktoś z Was pomoże mi to jakoś zmodyfikować, albo podać jakiś inny skrypt dzięki któremu będe mógł wysuwać więcej divów niż 1.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
-Gość-
post
Post #2





Goście
Albo jeszcze inaczej. Wcześniej tego nie sprawdziłem, ale po zastosowaniu klas wcześniejsze divy nie są ignorowane, tylko są niewidoczne, bo są pod spodem.
Obniżyłem je i są widoczne wszystkie, ale działają razem tzn. jak najadę na jeden to wysuwają się wszystkie, a mi chodziło, być może zapomniałem tego napisać, ale chcę aby każdy wysuwał się oddzielnie.
Go to the top of the page
+Quote Post

Posty w temacie
- Gość   [JavaScript] wysuwane divy   6.12.2011, 19:32:24
- - zamper   Musisz w kodzie HTML i CSS # na . A skrypt jQuery ...   6.12.2011, 20:11:10
- - Gość   Napisałem pod kodem, że to robiłem i niestety nie ...   6.12.2011, 21:15:56
- - Gość   Albo jeszcze inaczej. Wcześniej tego nie sprawdził...   6.12.2011, 21:24:34
- - Necsord   Praktycznie to co zamper zaproponował: http://jsfi...   6.12.2011, 21:26:15
- - Gość   Nie zauważyłem tej zmiany w kodzie JS. Wybaczcie ...   6.12.2011, 22:12:04

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 08:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn