Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [jquery]Finto blink, perché solo in IE??? :(

    Ciao a tutti!

    Sto cercando di realizzare un "finto blink" in jquery, ovvero l'alternanza di colore su un link (grigio-arancione-grigio...), in questo modo:

    codice:
    [JQUERY]
    <!-- BLINK contatti
    function blink() {
      $('a.evidenziablink').each(function() {
        $(this).css('color', $(this).css('color') != 'rgb(204,204,204)' ? 'rgb(204,204,204)' : 'rgb(252,102,0)');
      });
    }
    
    $(document).ready(function() {
      setInterval("blink()", 600);
    }); 
    
    [CSS]
    a.evidenziablink {
    	font-weight: bold;
    	color:#ff6600;
    	font-size:1.5em;	
    }
    
    [HTML]
    <div style="float:right;">richiedi un preventivo</div>
    In IE no problem, in Moz e altri non va!

    Qualcuno saprebbe indicarmi se e dove sbaglio o come poter uniformare x tutti i browser?

    Vale anche un buon jquery per realizzare la stessa cosa...che ahimè non ho trovato.

    Grazie mille anticipatamente a tutti!

    Buona giornata!
    @lex!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    il problema deriva probabilmente dal confronto
    $(this).css('color') != 'rgb(204,204,204)'

    la cosa migliore è associare i due colori a due classi CSS distinte (es. '.blink' e '.highlights) e fare lo switch della classe, piuttosto che della singola proprietà css: nel tuo caso meglio se con un semplice toggleclass()


    codice:
    function blink() {
      $("a.blink").each(function() {
        $(this).toggleClass("highlights");
      });
    }
    
    $(document).ready(function() {
      setInterval(blink, 600);
    });
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    It works!!!!

    Scemo io a non pensarci!!! Era semplicissimo!!!!

    GRAZIE 1000!

    Buona giornata!
    @lex!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.