Vai al contenuto

[Jquery] Effetto blur sulla pagina


dny18

Messaggi raccomandati

Ciao a tutti, 
Vorrei sapere come posso creare un effetto sfuocato (blur) su una parte specifica della home del mio sito, mi spiego...

Cliccando su una voce del menù, attraverso uno scrolling fatto con jquery, la pagina scorre fino alla sezione desiderata. Vorrei però che il resto della pagina si sfuocasse automaticamente in modo da far risaltare solo la parte richiamata dal menù.

Spero di essermi espresso bene...


Grazie
Ciao

Link al commento
Condividi su altri siti

UPDATE

 

Allora, il mio menù è composto da tre voci principali: Televisivo, Congressuale, Medicale

 

Quando clicco su una di queste la pagina scorre verso una determinata sezione.

 

Per fare questo ho usato questo script:

 

<script>
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
 
    var target = this.hash,
        $target = $(target);
 
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 500, 'swing', function () {
        window.location.hash = target;
    });
});
</script>

 

Come posso implementare l'effetto sfocato?

 

NB: Per ogni voce del menù l'effetto sfocato deve agire su parti diverse della pagina...

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

×
×
  • Crea Nuovo...