Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JQuery - Zmiana przezroczystości po najechaniu myszką
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Nidrax
Cześć, mógłby mi ktoś pomóc z JavaScriptem? Chodzi mi mianowicie o to, by po najechaniu zmieniała się przejrzystość diva na który najedzie się myszką, ale nie działa. Może mi ktoś z tym pomóc?:
  1. jQuery.noConflict();
  2. jQuery("#ft_panel").mouseover(function() {
  3. jQuery(this).fadeTo('slow', 1);
  4. })
  5. .mouseout(function(){
  6. jQuery(this).fadeTo('slow', 0.5);
  7. });


Pewnie zrobiłem jakiś błąd w składni. Sorrki, ale nie uczyłem się JS i możliwe, że źle coś robię.

@edit
Dodam, że konsola w Google Chrome nie wywala błędu
kicaj
  1. $(document).ready(function() {
  2. $('#ft_panel').hover(function() {
  3. $(this).fadeIn(...);
  4. }, function() {
  5. $(this).fadeOut(...);
  6. });
  7. });
Nidrax
@kicaj
FadeIn i FadeOut odpowiadają jedynie za znikanie i pojawianie się elementu, a mi chodzi o zmianę przezroczystości, więc FadeTo było dobrze. A skrypt i tak nie chciał działać. Jednakże załatwiłem już sprawę:
  1. jQuery.noConflict();
  2. jQuery(document).ready(function(){
  3. jQuery("#ft_panel").fadeTo("fast", 0.5);
  4. jQuery("#ft_panel").hover(function(){
  5. jQuery(this).fadeTo("fast", 1.0);
  6. },function(){
  7. jQuery(this).fadeTo("fast", 0.5);
  8. });
  9. });
5skakanek
@Nidrax, nie chciało Ci działać prawdopodobnie dlatego, że używasz dodatkowo z innej biblioteki js - wnioskuję z zastosowania jQuery.noConflict(); (A @kicaj zwyczajnie się przeliterował z fadeIn/Out();) Jeśli tak, wystarczy użyć
[JAVASCRIPT] pobierz, plaintext
  1. $.noConflict();
  2. $(function(){ //Twój kod
  3. });
[JAVASCRIPT] pobierz, plaintext

a pierwsze
[JAVASCRIPT] pobierz, plaintext
  1. jQuery("#ft_panel").fadeTo("fast", 0.5);
[JAVASCRIPT] pobierz, plaintext

oczywiście można zastąpić css:
  1. #ft_panel{
  2. opacity:0.5;
  3. }

ale to tylko niuanse w pisaniu kodu - mi tak jest wygodniej : )
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.