Jak Stworzyć Efekty Rollover w JavaScript

Opis: W tym poradniku przedstawiam sposób na stworzenie efektów Rollover.

KROK PO KROKU

Będziesz potrzebować:

  1. Edytor tekstu
  2. Dowolna grafika
Nie ma zdefiniowanych żadnych kroków dla tego filmu.

NAJWYZEJ OCENIANE KOMENTARZE

+ -
Ale tylko nieźle ;) Rób jak chcesz. Ale mam nadzieję, że nie korzystasz z tej przeglądarki...
Przez: pavon147
Ocena: 9
2010-03-26 23:59:05
Zgłoś | Odpowiedz
+ -
świetny film pozdrawiam
Przez: Sylwekk401
Ocena: 7
2010-03-27 09:31:11
Zgłoś | Odpowiedz

KOMENTARZE

+ -
To o czym mówicie (problemy z CSS) to wynik działania hover bezpośrednio na wartstwę "div". Jednak jest to jak najbardziej do ominięcia poprzez zastosowanie chociażby atrybutu "a". Tak jak wspomniałem wcześniej - takie rzeczy nie powinno się robić - tylko trzeba robić w CSS.
Przez: matix
Ocena: 6
2010-03-27 10:16:10
Zgłoś | Odpowiedz
+ -
Nie obchodzą mnie użytkownicy, którzy nie potrafią (bądź też nie mogą) zająć się aktualizacją swojego oprogramowania. Kompatybilność wsteczna jest okej, ale bez przesady. To tak jakby MS w nowszych Windowsach nadal trzymał support dla 16-bitowych aplikacji. BTW: Matix: nie mogłeś wyświetlić formularza logowania, gdy wyśle komentarz nie będąc zalogowanym?
Przez: acc__
Ocena: 5
2010-03-27 19:55:07
Zgłoś | Odpowiedz
+ -
No fajne, ale u Ciebie to trochę inaczej działa. Nie wiem po co wam kroki jak wszystkie kroki powiedział w poradniku.
Przez: GIMPHD
Ocena: 5
2010-03-26 13:18:55
Zgłoś | Odpowiedz
+ -
No właśnie, Pavon robisz bardzo fajne poradniki więc mógłbyś dodawać kroki, albo nadsyłać mi je na maila żebym dodawał.
Przez: kamilscheicht
Ocena: 5
2010-03-26 00:46:28
Zgłoś | Odpowiedz
+ -
Szkoda, że nie ma dodanych "KROK PO KROKU", ale i tak jest super.
Przez: Iperator1
Ocena: 5
2010-03-25 20:40:11
Zgłoś | Odpowiedz
+ -
No faktycznie, są elementy które nie działają bez JS, ale nie wyświetla 404 jak mówisz, tylko exception z frameworka, a to jest zdecydowanie różnica - w każdej chwili mogę włączyć obsługę dla wszystkiego bez Ajaxa, ale z wielu praktycznych względów ich nie włączam. Mylisz się - nie ma 5% użytkowników którzy nie mają JS - jest ich znacznie mniej a już na pewno nie są to osoby ktore maja do czynienia z technologią informatyczną (helpbay głównie na tym się skupia).
Przez: matix
Ocena: 4
2010-03-30 19:23:34
Zgłoś | Odpowiedz
+ -
Panowie, po woli zaczyna robić się tutaj flame bezsensowny. @acc__: Dlatego robi się stronę bez wykorzystania efektów javascript, i następnie przez nieinwazyjny (unobstrusive) javascript tworzy się dodatki. Przykładowo polecam potestować działanie helpbay bez włączonego Javascript - wszystko działa...
Przez: matix
Ocena: 4
2010-03-29 22:00:40
Zgłoś | Odpowiedz
+ -
Dobra, ale nawet jak te 6% jest (z Twojego źródła) to zobacz ile ludzi ogólnie korzysta z internetu i oblicz ile jest tych ludzi co korzystają z IE. Potem daj załóżmy (nie chcę robić z siebie idioty, to by chyba musiała być pro strona) 1/4 z tego wejdzie na Twoją stronę internetową i będzie wkurzonych z powodu złego wyświetlenia.
Przez: Piciu
Ocena: 4
2010-03-27 23:41:41
Zgłoś | Odpowiedz
+ -
Na przykład IE ma problemy z CSS...
Przez: pavon147
Ocena: 4
2010-03-26 22:54:06
Zgłoś | Odpowiedz
+ -
W celach developerskich - tak, ale nie w produkcyjnych. Ja także wyłączam obsługę JS przy tworzeniu aplikacji. 404 nie ma żadnego związku z tym, co użytkownik dostaje za szablon - zapewniam Cię, że dostaje 200 (;
Przez: matix
Ocena: 3
2010-03-31 15:56:38
Zgłoś | Odpowiedz
+ -
Takie coś tworzyło się pare lat temu. Teraz przyszedł czas na robienie takich rzeczy za pomocą pliku CSS i atrybutu :hover. Ostatecznie można zrobić to w JS, ale na litość boską - nie w pliku szablonu. Poczytaj o unobtrusive javascript, a następnie nagraj ten poradnik jeszcze raz, poprawnie.
Przez: matix
Ocena: 3
2010-03-26 15:02:08
Zgłoś | Odpowiedz
+ -
OK. Będę rozpisywał kroki w następnych poradnikach, btw, jak już mowa o Notepad++ to to nie jest edytor HTML ;)
Przez: pavon147
Ocena: 3
2010-03-26 14:50:54
Zgłoś | Odpowiedz
+ -
Bardzo fajny poradnik. Lubię!
Przez: mpilecki1
Ocena: 2
2010-11-15 18:59:08
Zgłoś | Odpowiedz
+ -
acc_ : mogłem ;) ale po co? Tak jest dobrze;) Nie masz racji - większośc użytkowników korzysta ze starej wersji IE i należy to uszanować. Po co ci robić strony skoro połowa osób w internecie nie potrafi ich przejrzeć, bo wolą mieć starą wersję IE?...
Przez: matix
Ocena: 2
2010-03-27 22:41:36
Zgłoś | Odpowiedz
+ -
Matix ma rację ale nie usuwaj tego poradnika, hehe. Nagraj następny z innym tytułem. Trzymaj się!
Przez: helpbaytester
Ocena: 2
2010-03-26 15:35:23
Zgłoś | Odpowiedz
+ -
"Dlaczego IE (w wersji szóstej jak mniemam) powinno mnie obchodzić? Nowsze wersje tej przeglądarki całkiem nieźle radzą sobie z CSS2 [; " @acc__: Z tego co wiem strony internetowe powinno się projektować w taki sposób, aby były dostępne, czytelne i wyraziste dla jak największej ilości użytkowników. Zależności oczywiście mogą wystąpić między przeglądarkami, rozdzielczością a nawet rodzajem ekranu (CRT czy LCD), a także wieloma innymi. Wszystkie strony powinny być dostosowane w taki sposób, aby były dostępne na różnym sprzęcie, w różnej rozdzielczości i w większości przeglądarek (oczywiście o ile jest to możliwe).
Przez: Piciu
Ocena: 1
2010-03-27 16:55:55
Zgłoś | Odpowiedz
+ -
Ja się raczej nie zajmuję CSS'em. Tylko trochę tyle co potrzebuję czasem to go używam. Może nie powinno się robić efektu Rollover w ten sposób, ale chciałem pokazać przy okazji na czym polega onMouseover i onMouseout. Wiem, że nie powinno się stosować tych uchwytów tak bezpośrednio w HTML'u...
Przez: pavon147
Ocena: 1
2010-03-27 12:45:56
Zgłoś | Odpowiedz
+ -
W tytule filmu na Helpbay jest błąd. Nie powinno być nic o JavaScript w zasadzie. A CSS'a radzę unikać jeżeli jest to możliwe...
Przez: pavon147
Ocena: 1
2010-03-26 16:10:21
Zgłoś | Odpowiedz
+ -
I co jest potrzebne do poradnika, to nie edytor tekstu tylko jakiś edytor HTML. Np ten co ty używasz czyli Notepad++
Przez: GIMPHD
Ocena: 1
2010-03-26 13:20:42
Zgłoś | Odpowiedz
+ -
imejdż sercz++
Przez: acc__
Ocena: 1
2010-03-25 19:34:43
Zgłoś | Odpowiedz
+ -
Użytkownikowi wyświetla się 404. [; Jak już mówiłem sam, wiem, że jest ich najprawdopodobniej mniej. I IMHO to ci bardziej zaawansowali juzerzy częściej wyłączają obsługę JS korzystając z narzędzi typu NoScript.
Przez: acc__
Ocena: 0
2010-03-30 21:34:24
Zgłoś | Odpowiedz
+ -
wolololo, żartujesz, prawda? :D Wszystkie ajaksowe linki kierują albo do 404, albo na aktualną stronę. Nie da się wylistować kategorii klikając w "Kategorie" na górze strony. Twoja aplikacja polega na JS-ie, a te wspomniane wczesniej 5% userów dostaje do ręki upośledzoną witrynę.
Przez: acc__
Ocena: 0
2010-03-29 23:41:27
Zgłoś | Odpowiedz
+ -
Wolę 6% userów narzekających na rozlatującą się stronę, niż 5% (dane z 2008r., więc teraz pewnie mniej) nie mogących korzystać z części funkcji strony (wyłączony JavaScript).
Przez: acc__
Ocena: 0
2010-03-28 00:09:43
Zgłoś | Odpowiedz
+ -
Dlaczego IE (w wersji szóstej jak mniemam) powinno mnie obchodzić? Nowsze wersje tej przeglądarki całkiem nieźle radzą sobie z CSS2 [;
Przez: acc__
Ocena: 0
2010-03-26 23:52:37
Zgłoś | Odpowiedz
+ -
Dobra, sprawdziłem to "nieźle". Za mdsn.com: "Internet Explorer 8 is fully compliant with the Cascading Style Sheets (CSS), Level 2 Revision 1 (CSS2.1) specification and supports some features of CSS, Level 3 (CSS3).". Przeglądając kilka stron także nie zauważyłem różnic (z wyłączeniem wynalazków CSS3 typu border-radius, opacity) między Tridentem a Webkitem.
Przez: acc__
Ocena: -1
2010-03-27 00:50:40
Zgłoś | Odpowiedz
+ -
Niby czemu powinienem unikać CSS-a? <:
Przez: acc__
Ocena: -2
2010-03-26 19:15:38
Zgłoś | Odpowiedz
+ -
Bardzo fajny poradnik, jesteś przykładem dla innych, bo dobrze robisz swoje poradniki (dokładny opis, dobrze zbudowane zdania oraz kroki) Tak trzymaj!
Przez: kamilscheicht
Ocena: -6
2010-03-25 19:16:01
Zgłoś | Odpowiedz

SKOMENTUJ