Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][JQuery] Kolejność elementu
Lirdoner
post 8.11.2013, 19:22:20
Post #1





Grupa: Zarejestrowani
Postów: 500
Pomógł: 1
Dołączył: 29.09.2009

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


Witam, zastanawiam się czy jest jakiś sposób z takiego czegoś
  1. <div id="stars">
  2. <span class="star-gray" original-title="Do bani!"></span>
  3. <span class="star-gray" original-title="Słabe"></span>
  4. <span class="star-gray" original-title="Takie sobie"></span>
  5. <span class="star-gray" original-title="Może być"></span>
  6. <span class="star-gray" original-title="Dobre"></span>
  7. <span class="star-gray" original-title="Super!"></span>
  8. </div>

Przy najechaniu myszką na element span
[JAVASCRIPT] pobierz, plaintext
  1. $('div#stars span').hover(function() {
  2. $(this).attr('class', 'star-yellow');
  3. }, function() {
  4. $(this).attr('class', 'star-gray');
  5. })
[JAVASCRIPT] pobierz, plaintext

Zmienić również klasę star-gray na star-yellow elementom span które znajdują się za elementem na którym znajduje się myszka.
Go to the top of the page
+Quote Post
biozen
post 8.11.2013, 19:41:43
Post #2





Grupa: Zarejestrowani
Postów: 24
Pomógł: 3
Dołączył: 6.10.2013

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


Chodzi ci o takie coś?

JSFiddle
Go to the top of the page
+Quote Post
kamil4u
post 8.11.2013, 23:02:56
Post #3





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Dodam tylko, że taki efekt można wykonać w samym CSS: np. http://css-tricks.com/examples/StarRating/ czy http://www.dillerdesign.com/css/cookbook/c...tar_rater.html#

Ten post edytował kamil4u 8.11.2013, 23:04:01


--------------------
Go to the top of the page
+Quote Post
Lirdoner
post 9.11.2013, 01:11:00
Post #4





Grupa: Zarejestrowani
Postów: 500
Pomógł: 1
Dołączył: 29.09.2009

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


Dzięki wielkie Panowie, o to właśnie mi chodziło wink.gif
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 Wersja Lo-Fi Aktualny czas: 27.05.2024 - 23:39